Back

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)