#C5D1FF
TYPE: VISUAL
Ray
March
An SDF raymarcher running in a single div.
- Stack
- WebGL2
Fragment shader - Footprint
- 11kb
60fps at 1080p - Built
- A weekend
Jul 2025
One full-screen quad, one fragment shader, no geometry at all. The scene is a distance function you can edit live.
How it works
Sphere tracing with a cheap ambient-occlusion approximation and a soft-shadow term, resolution-scaled to hold the frame budget.
Notes
Editing the distance function recompiles the shader without reloading the page.
Changelog
- v1.1 — Adaptive resolution scaling.
- v1.0 — First release.
Features
03 includedLive shader editing
Recompiles without a reload.
Adaptive resolution
Holds 60fps by scaling, not dropping.
Soft shadows
One extra march, no shadow maps.
ray-march.example.dev — live
Ray March
No cookies
APP 12 / 13