Image tracking allows you to attach 3D content to a picture, such as a poster or business card. This example demonstrates a way for moving the AR content to the user's screen if the target image leaves the camera view.
This template includes the tracking file (the .zpt file) for a restaurant flyer, and some simple content that takes the user to a website. You can track your own image by generating the .zpt file from the Project panel's + button, and swapping the ImageTrackersource property to your new file.
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