Demo Reel & Tiny JavaScript
summary
Covers making tiny JavaScript demos that actually run: shows a 900-byte demo, techniques to shave bytes (template tag functions, nesting commas), numeric tricks (use power‑of‑two increments to avoid float drift), and two audio approaches — Web Audio API and WAV header + audio element — with ~180‑byte sound routines. Builds a canvas particle system of 4096 particles driven by a smoothed low‑res noise vector field, particles live ~300 frames, logo seeding via getImageData, and a simple procedural synth using ~8k sample buffers.
AI-written summary · about
chapters (15)
- 0:00Introduction to code golf
- 1:08The demo scene subculture
- 1:48Core principles of tiny JS
- 3:03Trigonometry and PI
- 3:44Understanding IEEE 754
- 4:58ES6 tips for small code
- 6:17Web audio techniques
- 7:47Instrument generation
- 8:47Color rendering optimization
- 9:46Particle field live coding
- 19:40Visual effects and coloring
- 20:41Creating smooth noise
- 25:53Vector field movement
- 30:47Live coding audio
- 36:12Conclusion and inspiration
