AR Image Tracking – Move Content to Screen

AR Image Tracking – Move Content to Screen

Image tracked AR content that gets hidden when an image target is lost.

< Back to templates

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