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

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