LAB / EXPERIMENT 01
Follow the current.
A small on-demand Canvas 2D visual responds to movement. It is never required to understand or use the page. With JavaScript disabled, the static contours and explanation remain.
A reactive field, built on browser APIs.
CANVAS 2D / ON DEMAND / REDUCED MOTION SUPPORTED
Move the pointer over the panel to bend the lines. On touch, the static composition still communicates the design. Reduced-motion preferences disable the animated layer.
UNDER THE HOOD
Animation earns its place.
The browser receives normal HTML and an SVG fallback first. JavaScript creates an optional Canvas 2D layer. Rendering stops when the page is hidden, the field is off-screen, or movement settles.
Input is sampled independently from painting to avoid layout thrash. Render resolution and curve count are bounded, and we use no full-screen loader or mandatory runtime.
Explore the technical approach