zlacker

I did kinda the opposite and instead of making a font out of tetris I made a font play Tetris.

I did it with the Harfbuzz shaper which now have experimental support for embedding WebAssembly programs to shape fonts.

Talk where I show it off: https://www.youtube.com/watch?v=Ms1Drb9Vw9M

Source code: https://github.com/Erk-/programmable-fonts

You can also see actual uses of this WebAssembly embedding to show that is not just for fun here: https://github.com/harfbuzz/harfbuzz-wasm-examples

>>erk__+(OP)
Awesome.

This is precisely the sort of beautiful thing I love finding on HN.[a]

Your work put a smile on my face.

Thank you for sharing it here!

---

[a] For those here who only want to see the demo, it starts at 22:50: https://youtu.be/Ms1Drb9Vw9M?t=1370

---

PS. I also submitted your demo to HN. I think it deserves its own post: >>40737961

>>cs702+g1
I liked how you set your bio in the "About" section, kind of circular dependencies :)

>>erk__+(OP)
Incredible ...

(The Tetris pieces going up upon backspace are a riot :)

>>erk__+(OP)
thats absolutely bananas, awesome job. The bad apple showcase is great too.

>>erk__+(OP)
Nice demo. Really kicks all the "bytecode can never be fast --- we have to AOT everything" people in the teeth, doesn't it?

>>erk__+(OP)
Coolest thing I've seen so far this year. Demo starts at 22:55 but the whole presentation is worth watching.

>>suregl+eF
I agree. Watched the whole thing and the entire video is worth it.-

(The "historical exploration" of type, and typesetting, even if an introduction, is great ...)

>>erk__+(OP)
You can even play Pokemon using fonts: https://www.coderelay.io/fontemon.html

>>Rugnir+rn
If anyone else is looking for the links

repo: https://github.com/hsfzxjy/Bad-Apple-Font

youtube[1]: https://www.youtube.com/watch?v=GF2sn2DXjlA

youtube[2]: https://www.youtube.com/watch?v=qFd8vsr8nag

>>Rugnir+rn
That was the first part I did, I wrote a blog about it here [0].

At the time it was also discussed on here at [1].

[0]: https://blog.erk.dev/posts/anifont/

[1]: >>37317055

>>erk__+(OP)
You demo the result in GIMP (with a Wasm runtime linked(?)) and in the font viewer FontGoogles, and there's someone else who is playing around with it in gedit. There's no way to make use of this in, say, Firefox, yet, even though it ships with Harfbuzz, right?

>>pred_+4T2
I could not get it to work when I looked into it last, for Gimp I actually installed it globally, I think neither Chrome or Firefox uses the system Harfbuzz. Going by the dependants of Harfbuzz on Arch [0] it might be possible that it works in Chromium with a custom Harfbuzz, but it is not something I have tried. And since it is still experimental it is not built by default in any distribution I know of.

[0]: https://archlinux.org/packages/extra/x86_64/harfbuzz/

>>erk__+df3
Gotcha, thanks champ!

>>redbel+s5
Or recursion :)

>>erk__+(OP)
This is fantastic! These days, we have learned that no product can be taken seriously if it doesn't use LLMs somehow, so also based on Harfbuzz-Wasm, here's a font which is also an LLM: >>40766791