Monster Audio-Visual demos in a TCP packet
summary
Claim: a working monster audio‑visual demo fits in a handful of bytes and plays on the web. Tools actually used: JavaScript + canvas/WebGL/CSS + audio element or Web Audio API, PNG bootstrap / gzip 40%, plus hand‑tuned code packing (token replacement ~25%). Surprising numbers: a shown 1KB demo runs live, audio under 200 bytes, Nyquist sampling tradeoffs and ~70 bytes to decompress a minified loader. Practical tricks: environment maps for cheap lighting, downscaled canvases for soft shadows, exact increments to avoid float drift, and timeline sync via sampled note tables — it works.
AI-written summary · about
chapters (11)
- 0:00Welcome
- 3:00Demo culture evolution
- 6:44Web demo prototyping
- 9:04Optimizing code size
- 11:54Simplifying visuals
- 14:51Shadow and lighting tricks
- 16:04Audio generation
- 18:29Compressing JavaScript for tiny intros
- 20:37Size and pacing tuning
- 21:46Live 1k demo
- 23:15Invitation to demos
