Skip to content


 Zabbix
 Grafana
 Prometheus
 Threejs and TypeScript
 SocketIO and TypeScript
 Blender 3D Topological Earth
 Sweet Home 3D
 Design Patterns in Python
   
 Course Coupon Codes
Design Patterns In Python (Book)
     
     

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