Example Projects
Preview and clone our example projects made using the Zappar for Three.js SDK.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_AVqjH4W.png)
Volumetric Video: Arcturus
Instant world tracked volumetric video example with Arcturus HoloStream WebAPI.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_AVqjH4W_Gdcu9xj.png)
Volumetric Video: Sense of Space
Instant world tracked volumetric video example with Sense of Space Three.js Integration.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_2lhjhs8.png)
Multiple Tracking Types
Product visualisation using a 3D model and real time reflections, featuring the ability to alternate between Instant World Tracking and Face Tracking.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_HkofKgz_vLHCfSs.png)
Multiple Face Tracking
Example project showcasing multiple faces, tracking simultaneously.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_FnBsJLb.png)
Real-Time Reflections
Example project displaying real-time reflections from a 3D model using an automatically generated environment map.
![Icon](/static/v-49d4e636/img/cards/icons/Bitmap_2_2_AXc5Xoy.png)
Opening Transition
Plays an opening tween transition with a set of opening doors.
![Icon](/static/v-49d4e636/img/cards/icons/Bitmap_2_2_skaPttZ.png)
Look For Prompt
Adds a prompt that asks the user to look for the tracking image when it's not in the camera view.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_AVqjH4W_Gdcu9xj.png)
Photo Feature
Save and share snapshots taken directly within the project using the WebGL snapshot package.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_AVqjH4W_5juANad.png)
Face Paint Mesh
Example showcasing face paint on a mesh, made using Zappar for Three.js.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_AVqjH4W_rtwpIkW.png)
Face Tracked 3D Model
Face tracking project containing a helmet 3D model, made using Zappar for Three.js.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_2lhjhs8.png)
Animation from Gaze
Example project using a raycaster to detect if an object is in view and playing a 3D model animation when it is.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_AVqjH4W_GxgE6XI.png)
Dynamic Lighting
Real-time dynamic lighting reacting with 3D elements in the scene.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_hXh5wdf.png)
Launch Web URL
Simple image tracked project containing a button that, when tapped, launches an external web URL into a new tab.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_hsAlDIk.png)
Two Targets
Tracking to two simultaneous targets, made using Zappar for Three.js.
![Icon](/static/v-49d4e636/img/cards/icons/threejs_V7UiRlO.png)
glTF Loader
Place an instant world tracked glTF 3D model in your real-world environment.