Raymarching
A 3D scene rendered live with raymarching and Three.js.
Move your mouse to steer it. Click anywhere to send a ripple through it.
How it's made
Performance
Parameters
Zoom
1.0
Camera distance - zoom in to see details, out to see the full system
Gravity
5.0
Gravitational constant - higher = orbiters pulled harder
Mouse Influence
1.0
How far the attractor follows your cursor
Orbital Force
1.5
Circular motion perpendicular to gravity - creates orbits
Blob Smoothness
15.0
Smooth blend radius - higher = more melting between shapes
Sphere Size
1.0
Scale of all SDF primitives
Ripple Colour
Hue of the click distortion glow (click a blob to see it)