Skip to content

Annotations Branch



The Annotations example demonstrates,

  • using the CSS2DRenderer to generate labels for the annotations,
  • THREE.Sprite for the circle under the annotation number,
  • loading resources, such as the annotation data into the project by using the XMLHttpRequest object,
  • demonstrates updating a progress bar while downloading a 3d model,
  • demonstrates tweening the camera position and OrbitControls target.
  • Using the Draco loader to load a compressed glTF.

To load the Annotations example, checkout the annotations branch.

git clone

cd Three.js-TypeScript-Boilerplate

git checkout annotations

npm install

npm run dev

To see a React Three Fiber version, visit