Come si usa, in 3 passi.
1. Porta i tuoi disegni. Non sai da dove cominciare? 📚 catalogo (a sinistra, o dal benvenuto) elenca TUTTE le mosse che Pupino sa fare, cosa è indispensabile e cosa succede se manca — clicca una card per creare lo slot o trascinaci sopra una GIF. Poi: trascina nella pagina le tue GIF (una GIF = un'animazione: salto.gif diventa l'azione "salto", con la velocità giusta letta dalla GIF) oppure una cartella di PNG (idle_00.png, idle_01.png…). Se c'è anche un manifest.json, le impostazioni arrivano da lì. Se trascini frame per un'azione che c'è già, ti chiedo se AGGIUNGERLI in coda o sostituire.
2. Sistemali. Scegli un'azione a sinistra e guarda l'anteprima (spazio = play/pausa, ←/→ = un fotogramma alla volta). Nella striscia in basso: clic = includi/escludi, trascina = riordina, ➕ aggiungi frame… = copia fotogrammi da un'altra azione o dal computer. Un fotogramma "balla"? In pausa trascinalo col mouse (o ✨ stabilizza li allinea tutti da solo; 👻 onion ti fa vedere prima/dopo). Il personaggio deve MUOVERSI (indietreggiare, saltare)? Sezione Movimento: scegli "trasla" o "salta" e tira le maniglie 🎯/🪂 — la "finestra" decide DA quale fotogramma parte il movimento. E puoi COMPORRE: "➕ aggiungi segmento" incatena più movimenti nella stessa azione (il tuffo: crea l'azione, copia i fotogrammi da fall e da landing con ➕ aggiungi frame…, poi un segmento "salta" sui primi e un segmento "trasla" sugli ultimi — la scivolata parte da dove finisce il volo, e le fasce colorate in timeline mostrano chi fa cosa). 📏 baseline: due linee per dire dove sono piedi e testa (per GIF senza manifest). Sbagliato qualcosa? ⌘Z annulla sempre.
3. Regalali a Pupino. In basso: dai un nome alla skin e premi 📦 esporta .pupinoskin — poi in Pupino: Impostazioni → Aspetto → Importa skin. Serve almeno walk e idle (te lo dico prima io). 💾 salva progetto per riprendere domani da dove eri (📂 per riaprirlo). In 🎭 Comportamenti decidi il carattere di movimento di TUTTA la skin (come atterra, il rampino, la caccia al mouse, la mossa-firma) e con 🍂 prova la caduta lo molli dall'alto per vedere l'atterraggio scelto, con la fisica vera. Con ⚓ ancora dici al motore DOV'È un punto del corpo frame per frame (es. muzzle: da lì parte la sfera della mossa-firma — clicchi sul personaggio, trascini il pallino, e vale "l'ultima ancora prima del frame"). Con 🖌 lavagna disegni A MANO sui frame (frecce, cerchi, schizzi): è la spec visiva di un effetto futuro — resta nel 💾 progetto e in 📝 esporta spec effetto, non nel pacchetto. E con ✋ prova a prenderlo (o afferrandolo col mouse durante il play) lo TRASPORTI davvero: pende dal cursore o ti segue 1:1 secondo lo stile scelto, e quando lo molli cade e atterra come nell'app — in pausa invece il mouse sposta il fotogramma (offset), come sempre. In ✨ Effetti ci sono le magie procedurali dell'app (ragnatele, aure, fuoco, aureola…): trascina una card sull'azione per assegnarla — nell'app si disegnerà sopra i tuoi frame, ancorata al personaggio, senza toccare i PNG.
Da sapere. Tutto resta sul tuo computer, niente viene caricato online. Il palco è uno schermo vero in scala (di serie: il TUO schermo — lo cambi nel pannello "🖥️ Palco"): il pupino ha la dimensione che avrà davvero sulla scrivania, e la 🎥 camera lo ingrandisce senza falsare le proporzioni ("segui il pupino" lo tiene inquadrato, senza mai uscire dallo schermo). I numeri di movimento sono in "px della scrivania di Pupino" (il personaggio è alto ~53). Le manopole di TUTTA la skin (scale/fpsScale/moveScale) sono in fondo a destra, chiuse apposta: valgono per ogni azione. Scorciatoie (tutte opzionali): spazio · ←/→ · ⇧frecce = sposta fotogramma · O = onion · V = nascondi maniglie · G = griglia · ⌘Z/⌘⇧Z. Per chi lavora con gli script: "Genera —" produce i pezzi JSON per manifest/ricette (i frame copiati tra azioni esportano _nota_composizione: la ricetta multi-sorgente va scritta a mano, come l'eat).

Pronto. Nessuna skin caricata.