Dot Field

· 3 min · Quick read · Joost van der Laan

A small interactive toy in the lusion-inspired direction: a grid of ink dots on the lavender canvas that bend away from your cursor on spring physics, blushing electric blue as they move. Move your pointer (or finger) across the field.

No libraries, no WebGL — one canvas, ~100 lines of vanilla JavaScript, and the colors come straight from the design-token CSS variables, so the field follows the light/dark theme toggle. With prefers-reduced-motion the grid renders statically.

FIELD 01 · SPRINGS & INK