Skip to content

 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
$9.99 $14.99 Paperback 
$29.99 $34.99

Design Patterns in TypeScript
Kindle Edition
$9.99 $14.99 Paperback
$19.99 $24.99

Design Patterns in Python
Kindle Edition
$9.99 $14.99 Paperback
$19.99 $24.99

Annotations Branch


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.

git clone

cd Three.js-TypeScript-Boilerplate

npm install

npm run dev