Halftone Ripple

a pill toggle with a heart and a count. pressing it sends a ripple of dots out across the button from under the pointer, on a fixed grid.

key insight: the ripple is a field sampled on a grid and no dot ever moves. every frame asks each grid point how far it is from the crest and the answer is the size of the dot there, which is what a halftone screen being run looks like. scaling a drawing of a ring reads as a texture sliding instead.

a dot has six sizes rather than sliding, and its radius goes with the square root of the field, since the eye reads a halftone's ink area and area goes with the square of the radius. the ink is the state: a press that turns the button off sends the same ripple in text-muted.