4 ms·
His live set demo is pretty neat https://youtu.be/3lOptjAeA2w https://youtu.be/3lOptjAeA2w Repo: https://github.com/0b5vr/0mix https://github.com/0b5vr/0mix
by ErneX 1y ago
His live set demo is pretty neat
https://youtu.be/3lOptjAeA2w https://youtu.be/3lOptjAeA2w
Repo: https://github.com/0b5vr/0mix https://github.com/0b5vr/0mix
- skrebbel 1y agoJust to clarify for readers who didn't read the interview, not a live set, it’s a 64kb demo that looks and feels like a recording of a livecoding competition. So “live set demo” is technically correct because it’s a “live set” themed demo. But it’s not actually a live set :-)
- slickytail 1y agoIn what sense is this 64KB? Clearly there's more than 64KB of code in the repo. And since it's typescript it's not like there's a binary that could be 64KB.
- skrebbel 1y agoThe html file with all assets and js bundled in is under 64kb.
- genezeta 1y agoI don't know why the sibling comment is dead (edit: was). I mean, it is a valid concern, if one doesn't know. So, for slickytail and anyone who has the same question: The code is actually compressed into a binary blob. You can see it if you just look at the source of https://0b5vr.com/0mix/0mix.html https://0b5vr.com/0mix/0mix.html A small script loads the blob and uncompresses it before running it through eval: fetch("#").then(t=>t.blob()).then(t=>new Response(t.slice(156).stream().pipeThrough(new DecompressionStream("deflate"))).text()).then(eval) This is a common approach in browser demos and what is counted as "less than 64Kb" is that final html. A similar technique compresses it into a PNG.