AR Instant World Tracking for 3D Models

AR Instant World Tracking for 3D Models

AR template that anchors content to a patch in front of the users real world environment.

< Back to templates

Instant world tracking allows you to attach 3D content to a point in the user's physical environment. In this case we show a set of 3D headphones, but you can swap them out with your own content.

Be sure to check out the Animations panel as we've included some animation states for when the user is in placement mode (i.e. they're choosing the point in 3D space they'd like the content to appear), and then tracked mode.

This project includes a default splash page - a 'launch' screen shown to the user when they first land on your page. It's important for both technical and user experience related reasons. You can customize it in the index.html file.

Rendering Engine

three.js

Supported Browsers

Google Chrome
Safari on iOS and MacOS

Scripting Language

TypeScript