276 of 300

Surfaces 09

Contour field

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

From the Engineering page on ramtt.com

  • 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 lag, 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.