Back to Lab
active// 3D/WebGL
Orbit Loom
The procedural WebGL sculpture on this site's homepage — wire ribbons, orbits, particles and crystal shards generated entirely in code.
- Stack
- Three.js, React Three Fiber, GLSL, postprocessing
Purpose & build
Build a signature brand object without any 3D model files: three ribbon sheets generated along parametric curves with custom GLSL shaders, orbital rings with travelling nodes, an icosahedral lattice, a particle comet stream, transmissive crystals and a bloom pass. It reveals itself on load, follows the pointer, pauses off-screen and falls back to an SVG poster for reduced-motion or no-WebGL visitors.