Come si usa
- Carica uno sprite sheet con sfondo trasparente.
- Aspetta che il rilevamento degli sprite finisca, poi controlla il numero di sprite, la dimensione della griglia e quella delle celle mostrati sopra le anteprime.
- Confronta l'originale con lo sheet riorganizzato, poi scarica il PNG e il file JSON.
Gli sprite sheet disegnati o esportati a mano hanno spesso frame di dimensioni diverse a distanze irregolari, e questo li rende scomodi da ritagliare. Questo strumento trova ogni sprite usando il canale alfa, quindi per funzionare ha bisogno di uno sfondo trasparente. Un pixel conta come parte di uno sprite quando il suo alfa è sopra una piccola soglia. Lo sheet viene analizzato per trovare le righe di sprite, poi gli sprite all'interno di ogni riga, e i piccoli frammenti isolati vengono scartati quando la loro area è molto più piccola di quella di uno sprite tipico.
Gli sprite vengono poi copiati in una griglia di celle uguali. La griglia ha un'impostazione più o meno quadrata, con larghezza e altezza delle celle pari allo sprite più grande trovato. Ogni sprite viene posizionato a sinistra della sua cella e centrato in verticale. Lo strumento mostra quanti sprite ha trovato, la griglia come colonne per righe e la dimensione delle celle in pixel, accanto alle immagini originale e riorganizzata.
Ottieni due download. Il PNG è lo sheet riorganizzato. Il file JSON elenca ogni frame per nome con la sua posizione e dimensione nel nuovo sheet, la dimensione di origine, lo scostamento dello sprite all'interno della cella e un pivot di 0 e 0.5. I nomi sono composti dal nome del tuo file più un indice a tre cifre.
Se non viene rilevato nulla, la pagina ti dice di usare un'immagine con sfondo trasparente. Rilevamento e riorganizzazione avvengono nel tuo browser e l'immagine non viene caricata.
Domande frequenti
Perché non è stato rilevato nessuno sprite?
Il rilevamento si basa sulla trasparenza. Se il tuo sheet ha uno sfondo pieno, rimuovilo prima, per esempio con lo strumento di rimozione dello sfondo.
In che ordine vengono disposti gli sprite?
In ordine di lettura: riga per riga dall'alto e da sinistra a destra all'interno di ogni riga.
Cosa c'è nel file JSON?
Un oggetto frames con il rettangolo, la dimensione di origine, lo scostamento dello sprite e il pivot di ogni frame, più una piccola sezione meta.
Gli sprite vengono ridimensionati?
No. Ogni sprite mantiene la sua dimensione in pixel. Cambiano solo la spaziatura e la posizione.
Lo sheet viene caricato da qualche parte?
No. Tutto avviene nel tuo browser.