Skip to content

 Threejs and TypeScript
 SocketIO and TypeScript
 Blender Topological Earth
 Sweet Home 3D
 Design Patterns Python
 Design Patterns TypeScript
 Course Coupon Codes
Python   TypeScript
Kindle Edition Kindle Edition
$9.99 $14.99 $9.99 $14.99
Paperback Paperback
$14.99 $19.99 $14.99 $19.99

Constellations BSC5 Branch


The Constellations example demonstrates,

  • using the CSS2DRenderer to generate labels for the stars and constellations,
  • using the THREE.Points and THREE.BufferGeometry to create the stars mesh,
  • using the THREE.ShaderMaterial to render the stars in different colors and sizes,
  • using the THREE.Line and THREE.LineBasicMaterial to draw the constellation lines,
  • loading resources, such as the star and constellation data into the project by using the XMLHttpRequest object.

To load the Constellations example, checkout the bsc5 branch.

git clone

cd Three.js-TypeScript-Boilerplate

git checkout bsc5 

npm install

npm run dev