Lab / 03 · Hero 02

Particle Gravity

A single cloud of points that keeps becoming something: nebula, wordmark, planet, nebula.

Motion
Every particle carries three destinations: a slowly turning spiral nebula, the sampled ink of the wordmark and a ringed planet. Staggered per-particle ramps and curl offsets let the cloud pour from one form into the next instead of cross-fading, and the whole cycle closes on itself every ten seconds.
Demo brand
NOVA, fictional

Interaction

  • The cursor is a gravity well: nearby points fall in and orbit it
  • Fast moves drag a wind of particles behind the pointer
  • Press and hold collapses the well into a hot core
  • Click detonates a supernova shockwave through whatever form is showing
  • WebGL2 instanced points
  • GPU morph targets
  • Canvas text → point sampling
  • Screen-space gravity field
  • Additive halo pass