Learn Three.js for 3D Computer Graphics/

...

Integrating Three.js and AR

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

We'll cover the following...

Example: Integrate Three.js with AR

While VR using Three.js is well supported on a large range of devices and browsers, this isn’t the case for Web-AR. On Android, the support is pretty good, but on iOS devices, it doesn’t work that well. Apple is currently working on adding this to Safari, so once that’s in, native AR should also work on iOS. A good way to check which browsers support this functionality is here, which provides an up-to-date overview of all major browser support.

So, to test the native AR example, we either need to view it on an ...

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 AR