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

Opening Transition

Plays an opening tween transition with a set of opening doors.

TRY IT OUT OPEN GITHUB

Look For Prompt

Adds a prompt that asks the user to look for the tracking image when it's not in the camera view.

TRY IT OUT OPEN GITHUB

Portal

Image tracked 3D portal showcasing image depth and a parallax effect.

TRY IT OUT OPEN GITHUB

Photo Feature

Save and share snapshots taken directly within the project using the WebGL snapshot package.

TRY IT OUT OPEN GITHUB

Face Paint Mesh

Example showcasing face paint on a mesh, made using Zappar for Three.js.

TRY IT OUT OPEN GITHUB

Face Tracked 3D Model

Face tracking project containing a helmet 3D model, made using Zappar for Three.js.

TRY IT OUT OPEN GITHUB

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.

TRY IT OUT OPEN GITHUB

Dynamic Lighting

Real-time dynamic lighting reacting with 3D elements in the scene.

TRY IT OUT OPEN GITHUB

Launch Web URL

Simple image tracked project containing a button that, when tapped, launches an external web URL into a new tab.

TRY IT OUT OPEN GITHUB

Two Targets

Tracking to two simultaneous targets, made using Zappar for Three.js.

TRY IT OUT OPEN GITHUB

glTF Loader

Place an instant world tracked glTF 3D model in your real-world environment.

TRY IT OUT OPEN GITHUB

Babylon.js

NEW

Instant Tracked 3D Model

Place a 3D model in your real world environment, contains particle effects.

TRY IT OUT OPEN GITHUB

NEW

Image Tracked Product Visualization

Animated 3D model displayed on a podium, includes dynamic lighting.

TRY IT OUT OPEN GITHUB

NEW

Face Paint Mesh

Example showcasing face paint on a mesh, made using Zappar for Babylon.js.

TRY IT OUT OPEN GITHUB

NEW

Face Tracked 3D Model

Face tracking project containing a beard and helmet 3D model, includes save / share snapshot button.

TRY IT OUT OPEN GITHUB

React Three.js

Animation from Button Tap

Play a glTF model animation from a button tap.

TRY IT OUT OPEN GITHUB

Business Card

Image tracked business card example showcasing, 3D models, audio and user interaction.

TRY IT OUT OPEN GITHUB

Dynamic Lighting

Real-time dynamic lighting animating and reacting with 3D elements in the scene.

TRY IT OUT OPEN GITHUB

Face Paint Mesh

Face paint mesh example project, made using Zappar for React Three.js.

TRY IT OUT OPEN GITHUB

Face Tracked 3D Model

Face tracking project containing a helmet 3D model, made using Zappar for React Three.js.

TRY IT OUT OPEN GITHUB

Flip Camera

Seamlessly flip from front to rear facing camera, on button tap.

TRY IT OUT OPEN GITHUB

Instant Tracked Cube

Simple primitive instant world tracking example.

TRY IT OUT OPEN GITHUB

Physics

Real-time physics example using Cannon physics.

TRY IT OUT OPEN GITHUB

A-Frame

Instant Tracked Solar System

Place the solar system in your real world environment.

TRY IT OUT OPEN GITHUB

Face Tracked Solar System

Looping animated 3D models tracked to the face, made using Zappar for A-Frame.

TRY IT OUT OPEN GITHUB

3D Model

Position a 3D model in your real world environment.

TRY IT OUT OPEN GITHUB

Business Card

Image tracked business card example showcasing, 3D models, audio and user interaction.

TRY IT OUT OPEN GITHUB

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.

TRY IT OUT OPEN GITHUB

Face Paint Mesh

Face paint mesh example project, made using Zappar for A-Frame.

TRY IT OUT OPEN GITHUB

Face Tracked 3D Model

Face tracking project containing a helmet 3D model, made using Zappar for A-Frame.

TRY IT OUT OPEN GITHUB

Launch Web URL

Simple image tracked project containing a button that, when tapped, launches an external web URL.

TRY IT OUT OPEN GITHUB

Unity

3D Animation and Lighting

3D animation played when a button is tapped with dynamic lighting.

TRY IT OUT OPEN GITHUB

Face Paint Mesh

Face paint mesh example project, made using Zappar for Unity.

TRY IT OUT OPEN GITHUB

Face Tracked 3D Model

3D models tracked to the users face.

TRY IT OUT OPEN GITHUB

Face Tracked Physics

3D models tracked to the face, with physics enabled.

TRY IT OUT OPEN GITHUB

Instant Tracked 3D Model

3D model tracked to your real world environment.

TRY IT OUT OPEN GITHUB

PlayCanvas

NEW

Instant Tracked Rocket

Place a rocket in your environment and let it fly! Contains particle effects and tap-to-place UI.

TRY IT OUT PLAYCANVAS

NEW

Whack-a-Mole Game

Image tracked whack-a-mole game. Includes animated 3D models, user input, audio, particle effects and game mechanics.

TRY IT OUT PLAYCANVAS

NEW

Instant Tracking Touch Controls

Instant tracked project with 2-finger swipe scale controls, great for product visualization.

TRY IT OUT PLAYCANVAS

NEW

Face Tracking Game

Face tracked example showcasing game mechanics, such as - particle systems, Cannon physics, score, and timer.

TRY IT OUT PLAYCANVAS