renderer.render(scene, camera);});</script>

You can also install the library straight from npm:

npm install @mizzen/splats-web

Usage

Import the MizzenSplats class:

import { MizzenSplats } from "@mizzen/splats-web";

Then create an instance of MizzenSplats with a splat source, and add it to your rendered scene.

source can be either of:

• URL to a capture on mizzen.studio
• path to a mizzen splats file or folder containing mizzen splats artifacts

DemoFirstScene.ts

let splats = new MizzenSplats({    source: 'https://mizzen.studio/capture/d41f7b02-9ce6-4ad3-8b17-2f9c0e7a41bd',    // controls the particle entrance animation    particleRevealEnabled: true,    particleRevealDuration: 1.8,    // clamp the capture to a tidy bounding box    boundingBoxEnabled: false,    semanticsMask: 'foreground',