$ open cat.mumu.party

Cat

Un tamagotchi in pixel art: adotti un gattino, gli dai da mangiare, ci giochi e lo metti a nanna. Il tempo passa anche quando il sito è chiuso.

Questo gatto è disegnato in diretta dallo stesso codice del gioco: nessuna immagine.

Cosa si fa

Adotti il tuo gatto

Scegli nome e mantello tra sette. I primi tre giorni è un cucciolo, più piccolo. Ognuno ha il suo gatto, salvato nel proprio browser.

Te ne prendi cura

Quattro barre: fame, umore, energia e lettiera. Cibo, gomitolo, nanna e coccole, ma senza esagerare, o si arrabbia.

Ci giochi

Due minigiochi, Laser e Pioggia di pesci, fanno vincere pesciolini da spendere in accessori: cappellino, occhiali, corona…

Non muore, ma scappa

Se lo trascuri per molte ore il gatto se ne va. Riempi la ciotola e torna: niente sensi di colpa, solo un po' di attenzione.

Com'è fatto

PaginaHTML, CSS e JavaScript, senza framework né build
Graficapixel art generata dal codice: forme geometriche su una griglia, nessuna immagine
Tempole barre scendono col tempo reale, calcolato anche a sito chiuso
Salvataggionel browser di chi gioca (localStorage), nessun account
Offlineservice worker: funziona senza rete e si aggiunge alla Home del telefono
Suonigenerati dal browser, nessun file audio
HostingCloudflare Workers con header di sicurezza (CSP, HSTS)

In numeri

7mantelli
13pose del gatto
2minigiochi
8accessori nel negozio
0immagini e file audio

Cosa ho imparato

La fluidità sta nei dettagli. Il gatto si muoveva a pixel interi di una tela piccola e sul telefono avanzava a scatti. Ora ciò che si muove viene disegnato con precisione maggiore, mentre lo sfondo resta in pixel art.

Misurare invece di indovinare. Per tarare la difficoltà dei minigiochi ho fatto giocare centinaia di partite a un giocatore simulato, prima e dopo ogni modifica.

Gli aggiornamenti devono arrivare davvero. Con un'app che funziona offline il rischio è che resti la versione vecchia: numero di versione, file con ?v= e cache del service worker legata alla versione risolvono il problema.

Provalo

Adotta un gattino su cat.mumu.party, meglio dal telefono. Se hai un'idea per un gioco, un accessorio o qualcosa che non va, lasciami un consiglio.

Apri cat ↗ Consigli pubblicati ↗

Per domande scrivimi a lorenzo.mustone@gmail.com o usa la chat del sito.