Coding Art
summary
Real-time JavaScript demo uses canvas + Web Audio API analyzer (256 bins) to turn frequency data into a mirrored canyon that flies toward the viewer with motion blur (partial clear + drawImage zoom), frame-skip = 4 and lineWidth = 4 for retro clarity; procedural-generation goals target tiny sizes (4 KB down to 64 bytes) using tricks like zero-width whitespace line-break trick and performance tweaks such as HSL-to-RGB wheel split faster by an order of magnitude that actually make the demo work.
AI-written summary · about
chapters (6)
- 0:00Start
- 1:47procedural generation DEMOSCENE
- 4:52Dirty trigonometry
- 5:29IEEE 754
- 8:16MOTION BLUR
- 8:32GLOW
related talks
45mArt.js
48mMaking Realtime Audio-Visuals
37mDemo Reel & Tiny JavaScript
43mUsing a modern web to recreate 1980S horribly slow and loud loading screens
33mCreativeJS - making art in the browser
27mRecreating Retro Computer Art with JS!
30mUsing a modern web to recreate 1980s horribly slow & loud loading screens
22mGenerative Art Speedrun