Example Projects

Preview and clone our example projects made using the Zappar for Three.js SDK.

NEW

Volumetric Video: Arcturus

Instant world tracked volumetric video example with Arcturus HoloStream WebAPI.

Try it out Open Github

NEW

Volumetric Video: Sense of Space

Instant world tracked volumetric video example with Sense of Space Three.js Integration.

Try it out Open Github

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.

Try it out Open Github

Multiple Face Tracking

Example project showcasing multiple faces, tracking simultaneously.

Try it out Open Github

Physics

Real-time physics example using the Cannon physics engine.

Try it out Open Github

Real-Time Reflections

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

Try it out Open Github

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