609 / 627

Contour field

The lines are iso-lines of one smooth-minimum distance field of five blobs, drawn like a topographic map of load.

  • Every line is 0.75 device pixels wide and anti-aliased from the field’s screen-space derivative, and every fifth is an index contour at 1.25 px.
  • The fifth blob follows the pointer through the 50 ms layer, and a frame is drawn only while something changes.
  • It runs as a WebGPU fragment shader, then the same maths in WebGL 2, then marching squares in Canvas 2D on a 3 px grid while it moves and 2 px at rest, and the line in the corner names the one that runs.
Shelf
Engineering
Group
Surfaces 09 of 09
Theme
Light and dark
Live pointer
6 steps, until you take over