Oh nooo... #1

Upload an image; black becomes the living typography area.

Black/white imageJoin gaps Characters Character size Spline amount Spline length Spline width Spline travel Spline turbulence Character speed View

Width Height Seconds FPS Mbps Codec Ready

Explainer

This tool started as a “Hold thy beer” thing from Konstantin Novikov’s Telegram post, where he tells the story of asking ChatGPT/Grok to remake his motion design, probably made in After Effects.

Then it got outta control a little… Made together with Codex. <3

P.S. For testing purposes, I used one of the greatest logos ever made: the Aphex Twin logo by Paul Nicholson.

Start: upload a high-contrast image. Black marks areas for characters and splines; white remains empty. Use a pure black-and-white image: black becomes the animated area and white stays empty.

How the regions work

Connected black islands are treated as separate regions automatically. Each region receives its own closed, constrained walking rail. The letters and splines move only on the rail assigned to their region. For interlocking forms that must be split into separate regions, prepare a second colour-ID mask later; this first version handles ordinary disconnected shapes automatically.

Measured segments

The default image will be measured when it loads.