← Back to the home page
EXP. 001
EXP. 001
Text Ripple
Run a pointer across a line of text and the characters scatter like water, then settle back. Click for a ripple from your fingertip.
one useless webpage a monthone useless webpage a monthone useless webpage a monthone usele
MOVE / TAP
Swipe across it
How to play
Characters scatter when the pointer gets close, and a click pushes a ring outward. The force slider sets how far they move.
What it's made of
A row of spans with distances measured each frame; only transform and color are touched. No library, no canvas.
Limits
Up to 160 characters, the rest is cut. Nothing is saved — a refresh wipes it.
What I was thinking while building it
It started on canvas, until a row of spans turned out to be enough. The instant a character gets shoved aside is better than any easing curve, so the force slider stayed, for you to fiddle with.