// THREE.JS · WEBGL
shipped2024

Galaxy

A real-time 3D galaxy with 300,000 particles, 8 spiral arms, and custom GLSL shaders.

▶ PLAY / VISIT LIVE SITE

// about

An interactive 3D galaxy visualisation built with Three.js. 300,000 point particles are procedurally placed across 8 spiral arms using a custom GLSL vertex shader, with a fragment shader that creates a glowing orb effect via distance-based brightness falloff and additive blending. The scene animates in real time via a time uniform. A lil-gui panel exposes all parameters for live tweaking.

// highlights

  • 01300,000 animated point particles in real time
  • 028 configurable spiral arms with adjustable spin and randomness
  • 03Custom GLSL vertex + fragment shaders with additive blending glow
  • 04Colour gradient: warm orange/red at core → blue at outer edges
  • 05Orbit controls with smooth damping for camera rotation and zoom
  • 06Live parameter GUI for real-time tweaking

// stack

Three.jsGLSLWebGLJavaScript