Dividere un set di tasselli con margini e spaziatura senza spostamenti
La prima tessera appare corretta, ma ogni tessera successiva lungo il foglio include una porzione maggiore di quella vicina. Di solito questo andamento significa che la spaziatura è stata conteggiata come parte della tessera, oppure ignorata del tutto. Misura tre valori indipendenti prima di tagliare il foglio.
Misura separatamente dimensione del tassello, bordo e spazio
La larghezza e l’altezza delle tessere descrivono i pixel che vuoi in ogni immagine di uscita. Il margine esterno descrive il bordo uguale su tutti e quattro i lati. La spaziatura delle tessere descrive il divario tra tessere adiacenti. Una tessera da 32 px seguita da uno spazio di 1 px sposta il ritaglio successivo di 33 px, ma esporta comunque un’immagine da 32 px.
Esamina la sorgente alle dimensioni native in un editor con coordinate in pixel. Non stimare da una miniatura ridimensionata nel browser. Questo divisore ha un solo valore di margine e uno di spaziatura, quindi bordi asimmetrici o spazi orizzontali e verticali diversi richiedono un’elaborazione preliminare o il ritaglio manuale.
Analizza un originale 135 × 102
- Carica un’immagine PNG o WebP con quattro colonne e tre righe di tessere 32 × 32.
- Imposta Larghezza tassello a 32, Altezza tassello a 32, Margine esterno a 2 e Spaziatura tasselli a 1.
- Lascia disattivati salto delle celle vuote e deduplicazione per la prima prova, così l’output previsto è di dodici file.
- Estrai, controlla l’anteprima, poi apri lo ZIP ed esamina l’ultima colonna e l’ultima riga. L’anteprima mostra solo i primi sedici tasselli esportati.
La larghezza è 2 × 2 + 4 × 32 + 3 × 1 = 135. L’altezza è 2 × 2 + 3 × 32 + 2 × 1 = 102. Le posizioni x dei ritagli sono 2, 35, 68 e 101; le posizioni y sono 2, 35 e 68. Questi numeri offrono un modo concreto per controllare le impostazioni senza andare a tentativi.
Leggi il tipo di errore prima di cambiare impostazioni
| Motivo | Probabile problema di misurazione | Controlla |
|---|---|---|
| Tutti i tasselli spostati allo stesso modo | Margine esterno errato | Coordinata del primo tassello |
| Spostamento orizzontale crescente | Larghezza o spaziatura errata | Distanza tra gli inizi delle colonne |
| Spostamento verticale crescente | Altezza o spaziatura errata | Distanza tra gli inizi delle righe |
| Ultima riga o colonna mancante | Celle finali incomplete | Dimensioni effettive dell’immagine e bordo |
Vengono estratte solo celle complete. Se inserisci un margine più grande di quello esistente, l’ultimo tassello può uscire dalla griglia ammessa. Lo strumento non allunga un resto parziale per inventare un tassello completo. Correggi misure o sorgente invece di compensare con una dimensione estranea.
Attiva il salto delle celle vuote e la deduplicazione dopo aver corretto la griglia
Una cella vuota saltata ha alfa 0 ovunque. Basta un pixel tenue per conservarla. La deduplicazione usa l’uguaglianza RGBA esatta, inclusi i valori RGB nascosti sotto alfa 0. Non unirà texture quasi uguali e due immagini trasparenti visivamente identiche possono rimanere separate.
Dopo aver attivato queste opzioni, il numero del file e quello della cella sorgente non devono necessariamente corrispondere. Conserva tilemap.json: le sue celle registrano le posizioni di riga e colonna, con un ID del tassello per una risorsa conservata oppure null per una cella vuota saltata. Posizioni duplicate possono fare riferimento allo stesso ID. Il manifest è una mappa di questa estrazione, non una tilemap pronta per un motore.
Distingui errori di ritaglio da giunzioni del motore
Se il PNG esportato contiene già il bordo di un vicino, correggi le impostazioni di ritaglio. Se i PNG sono puliti ma il gioco mostra linee sottili muovendo la fotocamera, esamina filtraggio, scala, margini della texture e configurazione di importazione del motore. Ritagliare di nuovo tasselli puliti con pixel extra arbitrari nasconde la distinzione e può danneggiare la grafica.
Prova il flusso di lavoro
Imposta larghezza, altezza, margine esterno e spaziatura dei tasselli, poi esporta PNG e manifest delle posizioni.
Apri Divisore di tasselli →