Transform Alchemy
summary
Demonstrates concrete techniques: a color picker maps pointer angle (atan2) to hue and scale; builds CSS 3D primitives (cube, cylinder) with background-offset texture and SVG masks; measures translate vs left showing GPU compositing and far fewer repaints; animates about ~100 particles at 60fps by splitting motion across elements; uses will-change to force compositing; and prototypes a Photon lighting engine that decomposes matrix3d into rotation vectors — heavy vector math, interesting but not yet production-ready.
AI-written summary · about
chapters (4)
related talks
37mPixel Art and Complex Systems
26mCSS 5DX
25mBring Your Applications to Life with 3D CSS Animations
01h 08mThe quest for the graphical web
32mDemystifying Pixel Shaders (AGSL)
34mOne simple animation explained
24mBehind the Illusions: Impossibly high-performance layout animations
18mDOM animations, almost native