Tagged articles
10 articles
Page 1 of 1
ELab Team
ELab Team
Oct 20, 2022 · Frontend Development

Build Immersive Web VR Panoramas with Three.js: A Step‑by‑Step Guide

This article explains the fundamentals of virtual reality, the WebGL and OpenGL APIs, and demonstrates how to create interactive VR panoramas for houses and cars using three.js, covering scene setup, cameras, renderers, geometry, textures, materials, lighting, and user interaction with concise code examples.

3D graphicsThree.jsVR Panorama
0 likes · 24 min read
Build Immersive Web VR Panoramas with Three.js: A Step‑by‑Step Guide
Aotu Lab
Aotu Lab
Sep 10, 2020 · Frontend Development

How to Build a Simple WebVR Panorama with CSS 3D and Three.js

This article explains the background, principles, and step‑by‑step implementation of a WebVR panorama using CSS 3D and Three.js, covering VR fundamentals, 3DOF vs 6DOF, texture preparation, interaction handling, challenges, and future prospects.

CSS 3DThree.jsWebVR
0 likes · 20 min read
How to Build a Simple WebVR Panorama with CSS 3D and Three.js
Baidu App Technology
Baidu App Technology
Jun 9, 2020 · Frontend Development

Introduction to Baidu Smart Mini‑Program and VR Component Development

Baidu smart mini‑programs let developers embed low‑cost VR components—such as panoramic video, image, 3‑D ring and model viewers—into apps via dynamic libraries, supporting live streaming, education and marketing use cases, while Baidu’s rendering engine and upcoming 5G bandwidth aim to broaden immersive experiences.

Baidu Mini ProgramFront‑end DevelopmentSmart Components
0 likes · 10 min read
Introduction to Baidu Smart Mini‑Program and VR Component Development
Hujiang Technology
Hujiang Technology
Aug 14, 2017 · Frontend Development

Creating a WebVR Minecraft‑style Voxel Builder with A‑Frame Using Only HTML

This tutorial shows how to build a cross‑platform WebVR voxel‑building demo, similar to Minecraft, using A‑Frame and just a handful of HTML elements, covering scene setup, assets preloading, entity‑component patterns, custom components, mixins, hand controllers, teleportation, and device‑agnostic interaction.

A-FrameHTMLJavaScript
0 likes · 24 min read
Creating a WebVR Minecraft‑style Voxel Builder with A‑Frame Using Only HTML
Aotu Lab
Aotu Lab
Oct 19, 2016 · Frontend Development

Explore VR History and Build WebVR Scenes with A-Frame

This article traces the origins of virtual reality from early concepts and devices to modern headsets, then introduces the A-Frame web framework and provides a step‑by‑step tutorial with code examples for creating VR scenes, animations, and interactions in the browser.

3DA-FrameJavaScript
0 likes · 15 min read
Explore VR History and Build WebVR Scenes with A-Frame
Tencent TDS Service
Tencent TDS Service
Sep 1, 2016 · Frontend Development

Unlock WebVR: Build Immersive VR Experiences Directly in the Browser

This article introduces WebVR, an experimental JavaScript API that enables VR experiences on the web, walks through setting up a three.js‑based boilerplate, explains key files like VRControls.js, VREffect.js, and webvr‑polyfill.js, and shows how to create a simple rotating cube demo for mobile cardboard viewers.

JavaScriptThree.jsVR
0 likes · 9 min read
Unlock WebVR: Build Immersive VR Experiences Directly in the Browser
Tencent TDS Service
Tencent TDS Service
May 26, 2016 · Frontend Development

How to Build an HTML5 3D Panoramic VR Tour with Three.js

This article walks you through creating a mobile‑friendly HTML5 3D panoramic VR experience using Three.js, covering panoramic image acquisition, tool selection, scene setup, camera and renderer configuration, cube‑map construction, gyro integration, and performance optimizations.

HTML5MobilePanoramic
0 likes · 10 min read
How to Build an HTML5 3D Panoramic VR Tour with Three.js