Adding 3D objects

Delayed 0 days

• Intro to the course2

• How to get in touch and how to get support

Delayed 0 days

• Your first experience with WebXR on mobile iOS

• iOS: troubleshooting

• iOS: what about Safari?1

• Your first experience with WebXR on mobile Android1

• Android: troubleshooting

• Your first experience with WebXR on desktop5

Delayed 0 days

• What is the WebXR API?

• What are the benefits of AR on the web?

• How does WebXR work?

• Sensors and 3D coordinate systems

• What is Three.js?

• WebXR application lifecycle

Delayed 0 days

• Sample code7

• Code downloading troubleshooting

• Sample code zip

• Assets and media folder zip (optional)

• Sample multiplayer code

• Sample multiplayer code zip

• Developer environment and Glitch3

Delayed 0 days

• Creating a basic Three.js scene

• Adding a camera to the scene

• Adding a renderer to the scene

• Adding a cube to the scene

• Creating an animation loop

• Three.js coordinate system

• Adding a light to the scene

• Adding a more complex shape to the scene

• Converting the scene to AR using WebXR

Delayed 0 days

• Creating a basic GUI4

• Advanced GUI options1

• Measuring frame rate

Delayed 0 days

• Debugging on desktop

• Debugging on mobile

Delayed 0 days

• Adding 3D objects

• Adding a 3D model - Part I

• Adding a 3D model - Part II

• Adding a 3D model - Part III

• Adding a GLB model2

• Adding an OBJ model

• Adding an FBX model

• Other 3D model formats

• Hosting 3D models online

• Debugging common model problems3

• View a USDZ model (iOS Safari)3

• Export a USDZ model

Delayed 0 days

• Basic object animations1

• Animations using Tween.js

• Animations around an orbit

• Basic 3D model animations

• Advanced 3D model animations

Delayed 0 days

• Touch gestures in AR

• Advanced touch gestures with Hammer.js

• Hit testing - Part I setup8

• Hit testing - Part II source and reference spaces

• Hit testing - Part III reticle on a surface

• Hit testing - Part IV virtual objects on surfaces10

• Bonus: Hit testing - Moving model - Code sample4

• Bonus: Hit testing - Single placement - Code sample2

Delayed 0 days

• Images in AR

• Transparent images

• Video in AR

• Transparent video in AR

Delayed 0 days

• Basics of spatial audio

• Your first spatial audio app with Resonance library3

• Spatial audio with Three.js

• Adding creative audio with Tone.js

Delayed 0 days

• Lighting types

• Basic lighting

• Creating a ground plane2

• Shadows - Part I setup

• Shadows - Part II casting and receiving shadows

• Shadows - optional settings2

• Lighting estimation (Android)

Delayed 0 days

• Camera position and rotation

• Image targets (Android)14

• Image targets with models (Android) - Code sample

• Raycasting to select objects3

• Drawing in AR4

Delayed 0 days

• Intro to websockets and socket.io

• Your first message between server and client

• Multiplayer AR

Delayed 0 days

• Other AR libraries

• Future of WebXR8