Ok, mi stavo annoiando.<\/p>\n\n\n\n
Non ricordo bene come ci sono arrivato, ma stavo pensando ai giochi in pixel art. In particolare a un sito dove ti creavi un piccolo mostro, modulare, pezzo per pezzo. Carinissimo. Quel sito non l’ho pi\u00f9 trovato. In compenso ne ho trovato un altro che fa creare personaggi in pixel art, carini uguale.<\/p>\n\n\n\n
Da l\u00ec a My Little Monster \u00e8 stato un attimo.<\/p>\n\n\n\n
Per farlo ho provato una cosa nuova: un progetto in locale con ChatGPT, collegato in remoto. In pratica guidavo lo sviluppo dallo smartphone. Io scrivevo cosa volevo, lui lavorava sul mio computer, io guardavo il risultato. Deploy sul server compreso.<\/p>\n\n\n\n
Bellissimo. E ho scoperto che ChatGPT con Sol, prima il 5.6 e poi il 6, lavora alla grande. Consuma, eh: devi starci attento. Ma in una serata un mostro che gira per la pagina lo fai. Con la landing, il configuratore e un sacco di cose che all’inizio non avevo nemmeno in mente.<\/p>\n\n\n\n
C’\u00e8 un rovescio, per\u00f2. Se il computer lavora anche mentre sei in giro, viene voglia di lasciarlo sempre acceso e attaccato, con qualcosa in corso. E di non staccare mai davvero. Intanto i token se ne vanno, e i modelli cambiano nel giro di una settimana: pi\u00f9 veloci, meno affamati. \u00c8 il mondo che volevo da bambino, e ci sto benissimo. Solo, ogni tanto, bisogna ricordarsi di chiudere il coperchio.<\/p>\n\n\n\n
Quello di serie ha una televisione al posto della testa. Gira sopra i titoli, salta da una card all’altra e ogni tanto dice la sua. Se lo clicchi si apre il suo pannello: puoi dargli da mangiare, portarlo a spasso o provocarlo. Lo sconsiglio.<\/p>\n\n\n\n
<script src=\"https:\/\/www.matteobononi.it\/my-little-monster\/my-little-monster.js\"\n data-character=\"tv\" defer><\/script><\/code><\/pre>\n\n\n\nNiente dipendenze, niente account. Vive in uno Shadow DOM, quindi non tocca il CSS del tuo sito e il tuo sito non tocca lui. Quello che si ricorda (nome, umore, fame) sta nel localStorage<\/code> del browser e non va da nessuna parte. Vuol dire anche che ogni sito ha il suo mostro: quello che hai nutrito qui, altrove non ti riconosce.<\/p>\n\n\n\nSe vuoi che parli del tuo sito, gli passi un JSON con data-phrases<\/code>. Battute tue, link tuoi:<\/p>\n\n\n\n[\n \"Non badare a me. \u00c8 quello che faccio meglio.\",\n { \"text\": \"Ho trovato i prezzi. Io non pago.\", \"href\": \"\/prezzi\/\" },\n { \"text\": \"Il blog \u00e8 di l\u00e0.\", \"href\": \"\/blog\/\", \"target\": \"_self\" }\n]<\/code><\/pre>\n\n\n\nIl resto (personaggi, posizione, quanto si muove) lo scegli nel configuratore sulla pagina del progetto<\/a>.<\/p>\n\n\n\nTre mostri, un foglio sprite<\/h2>\n\n\n\n
TV, Dyno e Utini, nove vestiti in tutto. Ogni vestito \u00e8 un PNG con la stessa griglia: frame da 16\u00d724 pixel, 118 righe di animazioni. Corsa, salto, doppio salto, teletrasporto, esplosione. Ci sono anche nuoto e armi, ma per ora non li usa nessuno. Le icone del cibo sono di Kenney<\/a>, CC0.<\/p>\n\n\n\n\u00c8 in alpha, ma \u00e8 gi\u00e0 fuori<\/h2>\n\n\n\n
Una serata, e il giorno dopo era gi\u00e0 alla 0.13. Con un sito che lo stava usando. Quindi fino alla 1.0 la regola \u00e8 questa: se cambio qualcosa che rompe chi lo usa, lo scrivo. Quello che funziona oggi continua a funzionare.<\/p>\n\n\n\n
Non \u00e8 un assistente. Non risponde alle domande e non ti aiuta a comprare niente. Gira per la pagina senza un motivo preciso, solo perch\u00e9 pu\u00f2 permetterselo. \u00c8 carino, e lo sa.<\/p>\n\n\n\n