Skip to content

◌ Folio MMXXVII

Loading folio

000

§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

  1. §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.
  2. §02Cursor adds a bright white-cored bump that mixes with the underlying balls without affecting their motion.