prototype · three.js / webgl
3D Constellation
The agent-network concept in three dimensions. Nodes float with real depth and parallax, connections glow with additive blending, and the whole constellation turns slowly on a turntable. Drag to orbit freely — it resumes auto-rotation after you let go.
Three.js · WebGL · 40 nodes · additive glow · drag-to-orbit · fog depth
WebGL not available — requires a GPU-accelerated browser.
Visual impact
The depth and parallax create a cinematic quality that 2D can't match. Additive blending gives nodes a real luminous presence.
Interaction
Drag-to-orbit gives the visitor agency — they can explore the network from any angle. Auto-rotation resumes gracefully.
Trade-offs
Heavier bundle (Three.js ~150KB gzipped). Requires WebGL. More GPU draw calls. Worth it for the visual payoff on a hero element.