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

NEW
Icon

Multiple Face Tracking

Example project showcasing multiple faces, tracking simultaneously.

NEW
Icon

Physics

Real-time physics example using the Cannon physics engine.

NEW
Icon

Real-Time Reflections

Example project displaying real-time reflections from a 3D model using an automatically generated environment map.

Icon

Opening Transition

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

Icon

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

Portal

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

Icon

Photo Feature

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

Icon

Face Paint Mesh

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

Icon

Face Tracked 3D Model

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

Icon

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

Dynamic Lighting

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

Icon

Launch Web URL

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

Icon

Two Targets

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

Icon

glTF Loader

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

Babylon.js

NEW
Icon

Real-Time Reflections

Example project displaying real-time reflections from a 3D model using an automatically generated environment map.

Icon

Instant Tracked 3D Model

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

Icon

Image Tracked Product Visualization

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

Icon

Face Paint Mesh

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

Icon

Face Tracked 3D Model

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

React Three.js

NEW
Icon

Real-Time Reflections

Example project displaying real-time reflections from a 3D model using an automatically generated environment map.

Icon

Animation from Button Tap

Play a glTF model animation from a button tap.

Icon

Business Card

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

Icon

Dynamic Lighting

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

Icon

Face Paint Mesh

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

Icon

Face Tracked 3D Model

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

Icon

Flip Camera

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

Icon

Instant Tracked Cube

Simple primitive instant world tracking example.

Icon

Physics

Real-time physics example using Cannon physics.

A-Frame

NEW
Icon

Real-Time Reflections

Example project displaying real-time reflections from a 3D model using an automatically generated environment map.

Icon

Instant Tracked Solar System

Place the solar system in your real world environment.

Icon

Face Tracked Solar System

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

Icon

3D Model

Position a 3D model in your real world environment.

Icon

Business Card

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

Icon

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

Face Paint Mesh

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

Icon

Face Tracked 3D Model

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

Icon

Launch Web URL

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

Unity

Icon

3D Animation and Lighting

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

Icon

Face Paint Mesh

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

Icon

Face Tracked 3D Model

3D models tracked to the users face.

Icon

Face Tracked Physics

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

Icon

Instant Tracked 3D Model

3D model tracked to your real world environment.

PlayCanvas

Icon

Instant Tracked Rocket

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

Icon

Whack-a-Mole Game

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

Icon

Instant Tracking Touch Controls

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

Icon

Face Tracking Game

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

zapcode branded_zapcode i