The settling lattice
A live study in order and disturbance — push the lattice and watch it return to order.
- Status
- Live
- Medium
- Three.js, GLSL
- Updated
- June 2026
Move your cursor across the field above. A soft swell follows you, lifting the points beneath it. Click, and a ripple runs outward through the grid. Then — left alone — everything settles back into order.
That settling is the whole point.
01 · Notes
Why this one
Most of the work I care about is about systems that absorb a disturbance and come back to coherence — a product, a team, a brief. You can push on a healthy one and it flexes, reorganises, and finds its level again. A brittle one keeps the dent.
This is the same idea with nothing else attached: a regular structure, a force, and a return. It is deliberately quiet. The interesting moment is not the splash — it is the few seconds afterwards, when the order reasserts itself.
02 · Notes
How it works
A grid of points sits on a plane, seen at a slight tilt so it reads as space rather than wallpaper. The cursor projects onto that plane and raises a Gaussian "well" beneath it; a click emits an expanding ring whose amplitude decays over time. Height drives both size and a warm shift toward the accent, so a disturbance briefly glows and then cools as it flattens.
It is one buffer of points and a handful of lines of shader maths — cheap enough to run smoothly, restrained enough to leave on a page without it shouting.
Open questions
Open questions
- Should a second cursor (or touch) interfere with the first, the way two real disturbances would?
- What does it feel like if the return is slightly imperfect — a faint memory of the dent left behind?
- Is there a version of this that belongs in a product, not just a study — a loading state, a sense of a system breathing?
If something feels off, start there.
Tell me what's going on and what a good outcome would look like. A short email is enough — I read every one and reply within two working days.