Annotations Branch

Description

The Annotations example demonstrates,

  • creating a billboard effect by altering the annotation circle quaternions to copy the camera quaternion,
  • ensuring the annotation circles always render the same size regardless of distance from the camera,
  • using the CSS2DRenderer to generate labels for the annotations,
  • 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.

To load the Annotations example, checkout the annotations branch.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
git clone https://github.com/Sean-Bradley/Three.js-TypeScript-Boilerplate.git

cd Three.js-TypeScript-Boilerplate

git checkout annotations 

npm install

npm install -g typescript

npm run dev