Animatore Hitbox e Hurtbox per Sprite

Disegna livelli di collisione su ogni fotogramma dello sprite, anteprima con carta cipolla, modifica coordinate in pixel ed esporta JSON neutro.

Carica un animazione, conferma i ritagli dei fotogrammi e disegna le aree di attacco, danno o collisione.

Tavolo di animazione locale. Le immagini non vengono caricate online.
Metti l immagine sul tavolo di lavoro

Scegli uno spritesheet o immagini PNG/WebP ordinate.

Ritaglio fotogrammi
Anteprima movimento
Area di lavoro

Carica le immagini per iniziare a disegnare i livelli di collisione.

Sequenza fotogrammi
Esporta progetto

Il file JSON memorizza nomi delle immagini, perni e forme senza includere i pixel.

Zoom 100%
Studio Strumenti

Vuoi questo strumento sul tuo sito?

Personalizza i colori e la modalità scura per WordPress, Notion o il tuo sito.

Domande frequenti

Qual è la differenza tra hitbox e hurtbox?

Una hitbox definisce l area che infligge un attacco, mentre una hurtbox definisce l area vulnerabile che lo riceve. Le pushbox mantengono la distanza tra i personaggi e le grabbox regolano le prese.

I miei file di immagini vengono caricati online?

No. Le immagini vengono elaborate ed esportate interamente nel tuo browser. Vengono salvate localmente solo le preferenze dell editor.

Quale sistema di coordinate utilizza l esportazione JSON?

Ogni fotogramma misura le coordinate in pixel dall angolo in alto a sinistra. Le dimensioni di larghezza e altezza memorizzano valori positivi con il proprio perno.

Posso modificare uno spritesheet o fotogrammi singoli?

Sì. Puoi caricare uno spritesheet PNG/WebP indicando righe e colonne, oppure selezionare più immagini ordinate.

L esportazione funziona in tutti i motori di gioco?

Il formato JSON è neutro. Salva i rettangoli dei fotogrammi, i perni e i livelli geometrici senza imporre la struttura di un motore specifico.

Riferimenti Bibliografici