Animation snippets
Self-contained HTML animation snippets extracted from CoAnimator productions — one file each, looping forever. Copy the code, open it in a browser, and play with the constants.
A typed word churns through the frame on a Catmull-Rom warp mesh — pop-typewriter in, inflate and collapse, un-type backwards into the next word. Letterforms are traced at runtime with marching squares, a filament web rides the same warp behind the type, and RGB-split glitch plus film grain finish it — all deterministic Canvas 2D.
A logo-sting where chunky extruded 3D letters spin in edge-on one by one with springy overshoot under an orthographic cabinet projection — white faces, deep plum side walls, held white field. Built with runtime three.js TextGeometry, so it works with any text.
A WebGL typography effect where words cross-dissolve letter by letter through turbulent noise inside a live multi-pass bloom — four downsampled Gaussian blur levels summed and gradient-mapped inverted through five color stops, with variable focus and a pointer-driven hot-spot. One self-contained HTML file, no libraries.
A terminal-style AI prompt box where a rainbow band of light pulses around the card's rim — built from blurred canvas strokes tinted by a conic gradient — while a brief types itself in, attachment chips land, and the run button takes a press. Loops seamlessly with zero dependencies.