Skip to content

Annotations Branch

Description

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 https://github.com/Sean-Bradley/Three.js-TypeScript-Boilerplate.git

cd Three.js-TypeScript-Boilerplate

git checkout annotations

npm install

npm run dev

To see a React Three Fiber version, visit https://codesandbox.io/s/react-three-fiber-boilerplate-house-0hdjkd