Ray Marching SDF Playground
Compose sphere/box/torus signed-distance primitives and ray-march them in WebGL.
About this tool
SDF ray marching visualizes how a signed-distance field describes a 3D surface. The renderer repeatedly advances a ray by the distance to the nearest primitive, then shades the hit surface.
Choose up to three sphere, box, or torus primitives. Edit each position and size, adjust Smooth to blend neighboring surfaces, and toggle Spin to orbit the camera. Render applies the controls; Ctrl/Meta+wheel zooms the view.