BPB E Learning

Setting up a simple THREE.js page using modules

Creating a rotating Cube

The THREE.js editor

Geometries

Materials

Loaders

Converting a Standard THREE.js web app to use WebXR

Customising the VRButton

Adding user interaction with a controller device

Adding a button press event to the controller

Creating a custom controller

Accessing the gamepad

Moving around a VR World

Physics in your VR world

Creating an AR experience

Controllers in an AR app

Touch gestures in an AR app

Hit testing an AR

Hand-tracking on the Oculus Quest

Finding assets online

Using Mixamo to setup character animations

Using Blender to export assets

Using the THREE.js animation system

XRSystem and XRSession

XRFrame and XRSpace

XRInputSource

Moving around an environment

Interacting with objects in the scene

Using a GazeController

Making the app functional on a none XR device

Using AR to create a tape measure

Adding dynamic animation to a product

An AR online shop example

Movement by teleporting

Interacting with meshes

Using a controller as a weapon

CanvasUI - part 1

CanvasUI - part 2

Using CanvasUI for training

Getting Started with PWAs

Packaging and deploying your PWA

A WebXR PWA

article1

article2