My Little Monster
Un mostriciattolo pixel-art che vive sulla tua pagina. Una riga di codice.
<script src="https://www.matteobononi.it/my-little-monster/my-little-monster.js"
data-character="tv" defer></script>data-*: il configuratore è nella pagina del progetto.
Un personaggio pixel-art che si installa con uno script e da lì si arrangia. Cammina sopra titoli e card, salta da un elemento all'altro, ogni tanto si avvicina a un link e lo commenta. Non lo clicca: guarda e basta.
Ha umore, fame ed energia. Gli dai un biscotto, una pizza, un caffè. Lo porti a spasso, oppure lo provochi e lo vedi arrabbiarsi. Dopo qualche click ti chiede come ti chiami e alla visita dopo se lo ricorda. Tutto resta nel localStorage del sito che lo ospita: niente account, niente server, e se te ne dimentichi non muore.
Tre personaggi (TV, Dyno, Utini), nove vestiti, 118 righe di animazioni nello stesso foglio sprite. Zero dipendenze e Shadow DOM, così non tocca il CSS di chi lo incorpora. È in alpha, ma c'è già un sito che lo usa: ogni modifica allo script arriva anche lì, il giorno stesso.