Skip to content

 React Three Fiber
 Threejs and TypeScript
 SocketIO and TypeScript
 Blender Topological Earth
 Sweet Home 3D
 Design Patterns Python
 Design Patterns TypeScript
 Course Coupon Codes
Three.js and TypeScript
Kindle Edition
$6.99 $9.99 Paperback 
$22.99 $29.99

Design Patterns in TypeScript
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99

Design Patterns in Python
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99

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