Search results for ""

Three.js

Three.js Our Three.js library allows you to use Zappar's best-in-class AR technology with content built using the aforementioned 3D rendering platform. We recommend starting your development journey by following along with our Getting Started Guide. You can then learn how to integrate the different Tracking Types from the tracking section. …...

Bootstrap Projects

Bootstrap Projects You can get started super-quickly using one of our bootstrap projects. They contain the basics of an AR experience for the different tracking types - no more, no less. Standalone Check out these repositories that contain index.html files to get you started: Face TrackingMinimal standalone face tracking project. …...

Example Projects

Example Projects Preview and clone our example projects made using the Zappar for Three.js SDK. NEWMultiple Tracking TypesProduct 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 GithubMultiple Face TrackingExample project showcasing multiple faces, …...

Getting Started

Getting Started Follow the Zappar for Three.js Getting Started Guide to learn how to: Install the Zappar library Use the Zappar library Setup the Zappar camera Find which platforms work well and detect an incompatible browser When you've completed the getting started guide, we recommend taking a look at the …...

Camera Setup

Camera Setup The ZapparThree library needs to use your WebGL context in order to process camera frames. You can set it when your page loads using the following function: ZapparThree.glContextSet(renderer.getContext()); Constructing the Camera The library provides a camera object that you can use instead of a three.js PerspectiveCamera. It's constructed …...

zapcode branded_zapcode i