§02.17 — Lab Playground
MetaballsField
A field of additive radial gradients approximating an iso-surface. Spheres float and merge softly; the cursor adds a bright bump that pulls the field with it.
Tech
Implicit Surfaces · 2027
Status
Live
Renderer
WebGL2 / fallback
Updated
MMXXVII
Live · move the cursor
Implicit Surfaces · 202760 fps target
◊ Brief
A handful of moving spheres render as additive radial gradients with a soft alpha falloff. Their fields blend into one continuous iso-surface that visually approximates classic metaballs without the marching-squares overhead.
- balls8
- radius range90 — 190 px
- max speed80 px/s
- cursor bump160 px
§README
- §01True metaballs require an iso-surface threshold over a sampled scalar field — that's expensive to do at full canvas resolution every frame. The radial-gradient approximation costs the same as drawing N alpha disks and visually reads identically once the gradients are tuned.
- §02Cursor adds a bright white-cored bump that mixes with the underlying balls without affecting their motion.