Nástroj · 2025 – dosud Projekt 8 z 20
Grace
Pixelová kočka, která se prochází po streamu.
Otevřít web
Ověřený stav webu: Běží, odezva 42 ms,
Ve zkratce
- Role
- Autor
- Období
- 2025 – dosud
- Stav
- V provozu
- Technologie
- 6 technologií
Grace je overlay pro OBS: pixelová kočka, která se prochází po streamu, spí, škrábe se o sloupek, a když dostane hlad, mňouká u misky. Krmit a hladit ji jde kliknutím nebo příkazy v chatu Twitche.
Technicky zajímavé
- Jeden soubor. Celý overlay je jeden soubor HTML s plátnem (canvas) a jedinou závislostí, knihovnou tmi.js pro čtení chatu. Animace běží přes requestAnimationFrame a pixely se při zvětšení nerozmazávají.
- Zvuk bez souborů. Mňoukání se skládá přes Web Audio API, takže overlay nepotřebuje žádné zvukové soubory.
- Stavový automat. Kočka chodí, sedí, jí, pije, škrábe se, žebrá, skáče a spí. S rostoucím hladem hledá misku, a když je prázdná, chvíli žebrá a pak to vzdá, aby nikde neuvízla.
- Chat. Když se v nastavení vyplní kanál, reaguje na příkazy !feed, !water, !pet, !jump a !sleep.
- Sprity z kódu. Misky, škrabadlo a spící pózu jsem vygeneroval skripty v Pythonu (Pillow).
Ukázky
3 snímky
Postaveno na
- JavaScript
- Canvas
- Web Audio API
- tmi.js
- Python
- Pillow