Loading Manager

Getting Started
Three.js
Universal AR

For your convenience, this package includes a three.js LoadingManager that you can use to display a progress bar while your experience loads (should you wish to). The LoadingManager is constructed like this:

let manager = new ZapparThree.LoadingManager();

Then make sure to pass the manager into any three.js loaders you might use, e.g:

THREE.TextureLoader
GLTFLoader
ZapparThree.ImageTrackerLoader (Image Tracking)
ZapparThree.FaceTrackerLoader (Face Tracking)
ZapparThree.FaceMeshLoader (Face Tracking)

The LoadingManager will automatically handle the showing and hiding of the screen during the loading process.

Alternatively, you may make use of DefaultLoaderUI which takes over the global instance of LoadingManager, showing a progress bar while your content loads.

let globalLoader = new ZapparThree.DefaultLoaderUI();