ASCII Transition

Full-screen ASCII reveal used for page transitions. One canvas, one seed — fill and clear phases share the same cell grid.

Every route change on this site triggers a fill-clear animation rendered entirely on a single canvas element. Glyphs appear cell by cell during the fill phase, the new page loads underneath, then the same cells disappear in the clear phase.

The key constraint: both phases share the same cell grid and random seed. There is no second canvas, no jump between outgoing and incoming frame. The transition is one continuous animation from start to finish.

Cell timing is driven by smooth noise — a 2D value noise function that gives each cell a unique appearAt and disappearAt threshold. The result looks organic rather than mechanical.