Example Project Library
Preview and clone our example projects made using the Universal AR toolset.
Some example projects require a target image (image tracked). If applicable, these images can be found in assets folder of the Github repository.
Three.js
![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.
Babylon.js
![Icon](/static/v-49d4e636/img/cards/icons/Babylon_cGbjvRS.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/babylon_gM4kidu.png)
Instant Tracked 3D Model
Place a 3D model in your real world environment, contains particle effects.
![Icon](/static/v-49d4e636/img/cards/icons/babylon_7NaaroE.png)
Image Tracked Product Visualization
Animated 3D model displayed on a podium, includes dynamic lighting.
![Icon](/static/v-49d4e636/img/cards/icons/babylon_4vIKPSR.png)
Face Paint Mesh
Example showcasing face paint on a mesh, made using Zappar for Babylon.js.
![Icon](/static/v-49d4e636/img/cards/icons/babylon_oF8XoZl.png)
Face Tracked 3D Model
Face tracking project containing a beard and helmet 3D model, includes save / share snapshot button.
React Three.js
![Icon](/static/v-49d4e636/img/cards/icons/react-threejs_X4rvYlm.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/react-threejs_CRqLfJc.png)
Business Card
Image tracked business card example showcasing, 3D models, audio and user interaction.
![Icon](/static/v-49d4e636/img/cards/icons/react-threejs_XYC329O.png)
Dynamic Lighting
Real-time dynamic lighting animating and reacting with 3D elements in the scene.
![Icon](/static/v-49d4e636/img/cards/icons/react-threejs_4ucSQ59.png)
Face Paint Mesh
Face paint mesh example project, made using Zappar for React Three.js.
![Icon](/static/v-49d4e636/img/cards/icons/react-threejs_Dr87Maf.png)
Face Tracked 3D Model
Face tracking project containing a helmet 3D model, made using Zappar for React Three.js.
A-Frame
![Icon](/static/v-49d4e636/img/cards/icons/a-frame_4hGoMVu.png)
Volumetric Video: Arcturus
Instant world tracked volumetric video example with Arcturus HoloStream Web API.
![Icon](/static/v-49d4e636/img/cards/icons/a-frame_4hGoMVu_vcUZxZF.png)
Instant Tracked Video
Play and pause video displayed in your real world environment.
![Icon](/static/v-49d4e636/img/cards/icons/a-frame_4hGoMVu.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/a-frame_4hGoMVu.png)
Billboarded Label
Example showcasing billboarded labels which always face the user.
![Icon](/static/v-49d4e636/img/cards/icons/a-frame_WgoX06W.png)
Instant Tracked Solar System
Place the solar system in your real world environment.
![Icon](/static/v-49d4e636/img/cards/icons/a-frame_clphRl8.png)
Face Tracked Solar System
Looping animated 3D models tracked to the face, made using Zappar for A-Frame.
![Icon](/static/v-49d4e636/img/cards/icons/a-frame_5sgyHCY.png)
Business Card
Image tracked business card example showcasing, 3D models, audio and user interaction.
![Icon](/static/v-49d4e636/img/cards/icons/a-frame_UPz8eMr.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/a-frame_kqJbAMB.png)
Face Paint Mesh
Face paint mesh example project, made using Zappar for A-Frame.
![Icon](/static/v-49d4e636/img/cards/icons/a-frame_nXeu5yQ.png)
Face Tracked 3D Model
Face tracking project containing a helmet 3D model, made using Zappar for A-Frame.
![Icon](/static/v-49d4e636/img/cards/icons/a-frame_KwHWkdw.png)
Launch Web URL
Simple image tracked project containing a button that, when tapped, launches an external web URL.
Unity
![Icon](/static/v-49d4e636/img/cards/icons/unity_dKqM5OS.png)
Cloth Physics Simulation
Instant world tracked example featuring cloth physics, developed with Unity’s in-built cloth component.
![Icon](/static/v-49d4e636/img/cards/icons/unity_dKqM5OS_Kququ0g.png)
Particle Systems
Place a 3D model in your real world environment containing particle effects, using Unity’s in-built particle system component.
![Icon](/static/v-49d4e636/img/cards/icons/unity_dKqM5OS.png)
Instant Tracked Real-time Reflections
Project displaying real-time reflections on a 3D model using an automatically generated environment map.
![Icon](/static/v-49d4e636/img/cards/icons/unity_wTaad2F.png)
3D Animation and Lighting
3D animation played when a button is tapped with dynamic lighting.
PlayCanvas
![Icon](/static/v-49d4e636/img/cards/icons/playcanvas_WgbnRnH.png)
Instant Tracked Rocket
Place a rocket in your environment and let it fly! Contains particle effects and tap-to-place UI.
![Icon](/static/v-49d4e636/img/cards/icons/playcanvas_9lpwbGN.png)
Whack-a-Mole Game
Image tracked whack-a-mole game. Includes animated 3D models, user input, audio, particle effects and game mechanics.
![Icon](/static/v-49d4e636/img/cards/icons/playcanvas_XTq1jNN.png)
Instant Tracking Touch Controls
Instant tracked project with 2-finger swipe scale controls, great for product visualization.
![Icon](/static/v-49d4e636/img/cards/icons/playcanvas.png)
Face Tracking Game
Face tracked example showcasing game mechanics, such as - particle systems, Cannon physics, score, and timer.