Learn Three.js for 3D Computer Graphics/

...

Integrating Three.js and VR

Learn how to enable VR mode in Three.js and test the output without using an actual VR device.

We'll cover the following...

Example: First person controls
Drag and select objects

Before we look at the required code changes, we’ll add an extension to the browser with which we can simulate a VR headset and VR controls. That way, we can test our scenes without the need for a physical headset and physical controllers. For this, we’ll install the WebXR API simulator. This plugin is available for both Firefox and Chrome:

Firefox plugin: Download and install it from Mozilla.
Chrome plugin: Download and install it from Chrome Web Store.

Follow the instructions for our specific browser. After we’ve installed it, we can test it with the immersive VR session. ...

Introduction to the Course

Part 1: Getting Up and Running

Creating the First 3D Scene with Three.js

The Basic Components That Make Up a Three.js Application

Working with Light Sources in Three.js

Part 2: Working with the Three.js Core Components

Working with Three.js Materials

Learning to Work with Geometries

Exploring Advanced Geometries

Points and Sprites

Part 3: Particle Clouds, Loading, and Animating Models

Creating and Loading Advanced Meshes and Geometries

Animation and Moving the Camera

Loading and Working with Textures

Part 4: Post-Processing, Physics, and Sounds

Render Post-Processing

Adding Physics and Sounds to Our Scene

Working with Blender and Three.js

Three.js: Together with React, TypeScript, and WebXR

Conclusion

Appendix

Integrating Three.js and VR