Vai al contenuto

Estrusore di tileset

Linee sottili tra i tuoi tile? Estrudi il tileset: ogni tile riceve una cornice fatta dei suoi stessi pixel di bordo, e le linee spariscono nel motore. Le tue immagini non lasciano mai il dispositivo.

Creato sul tuo dispositivo. Le tue immagini non vengono mai caricate.

  • Mai caricati
  • Niente più giunture
  • Gratis, senza registrazione

Come funziona

Come estrudere un tileset

  1. Passaggio 1: Aggiungi il tuo tileset

    Scegli, trascina o incolla la sheet. La dimensione dei tile viene proposta; correggila se i tuoi tile sono di un’altra misura.

  2. Passaggio 2: Imposta l’estrusione

    1 pixel va bene per quasi tutti i giochi. Fai clic su un tile e scegli Affiancalo per vedere se i suoi bordi combaciano.

  3. Passaggio 3: Scarica e importa

    Salva il PNG e inserisci nel tuo motore la dimensione dei tile, il margine e la spaziatura mostrati accanto.

Estrusore di tileset

Tile che combaciano senza una linea

  • Bordi ripetuti verso l’esterno

    Ogni tile riceve una cornice fatta dei suoi stessi pixel di bordo, così il motore non campiona mai il tile accanto.

  • Anteprima affiancata

    Guarda qualsiasi tile ripetuto tre per tre, con o senza linee sui bordi, per scovare le giunture nel disegno stesso.

  • I numeri per il tuo motore

    Il nuovo margine e la spaziatura vengono calcolati per te, pronti per Godot, Unity, Tiled o Phaser.

  • Mai caricati

    Tutto avviene nel browser, quindi le tue immagini restano sul tuo dispositivo.

In dettaglio

Perché tra i tile compaiono linee e come l’estrusione le elimina

Perché tra i tile compaiono linee

Una mappa a tile disegna ogni tile a partire da un piccolo rettangolo di una grande texture. Quando la telecamera si sposta di una frazione di pixel, o la mappa viene scalata o filtrata, il motore legge un soffio fuori da quel rettangolo e prende una striscia del tile vicino. A schermo quella striscia è una linea sottile che sfarfalla mentre ti muovi.

L’estrusione mette intorno a ogni tile una cornice che ripete i suoi stessi pixel di bordo. Qualunque cosa il motore legga appena fuori dal tile ha ora lo stesso colore del suo bordo, quindi non c’è nulla da vedere.

Usare la sheet estrusa

  • Godot: nelle impostazioni dell’atlas del TileSet, imposta Margins sul margine e Separation sulla spaziatura mostrati qui. La dimensione della regione di texture resta la dimensione dei tuoi tile.
  • Unity: nello Sprite Editor, suddividi per dimensione della cella con Offset uguale al margine e Padding uguale alla spaziatura.
  • Tiled: quando aggiungi il tileset, inserisci gli stessi valori di Margin e Spacing.
  • Phaser: passa il margine e la spaziatura come ultimi due argomenti di addTilesetImage.

Controllare i tile stessi

L’estrusione risolve le linee che vengono dal motore. Quelle che vengono dal disegno sono un’altra questione: un tile d’erba il cui bordo sinistro non combacia con quello destro mostra una giuntura comunque venga impacchettato.

Fai clic su un tile e scegli Affiancalo per vederlo ripetuto tre per tre, come lo disporrebbe una mappa. Attiva Mostra i bordi dei tile per vedere esattamente dove finisce una copia e comincia la successiva.

Estrusore di tileset

Domande frequenti

Le mie immagini vengono caricate da qualche parte?

No. Tutto avviene nel tuo browser, sul tuo dispositivo. Le tue immagini non vengono mai inviate a Moriqa né a nessun altro, e non resta nulla dopo che chiudi la pagina.

Di quanti pixel devo estrudere?

Un pixel basta per la maggior parte dei giochi 2D. Usane due o più se la texture usa le mipmap, se la telecamera si allontana molto o se le linee si vedono ancora.

L’estrusione modifica i miei tile?

No. I tile mantengono le loro dimensioni e ogni pixel. Cambia solo lo spazio intorno; per questo la sheet diventa più grande e nel motore servono un margine e una spaziatura.

A cosa serve lo spazio aggiuntivo?

Aggiunge pixel vuoti tra i tile estrusi. Alla maggior parte dei motori non serve; è utile quando uno strumento si aspetta anche dello spazio vuoto tra i tile.

Il mio tileset ha già una spaziatura. Posso usarlo?

Sì. Apri La sheet che hai e inserisci il suo margine e la sua spaziatura. I tile vengono letti da lì e disposti di nuovo con l’estrusione.

Come controllo se un tile è senza giunture?

Fai clic sul tile, poi scegli Affiancalo. Se le copie si toccano senza una linea visibile, il tile si ripete in modo pulito.

Disegni anche i tile?

L’editor di pixel art di Moriqa disegna tile e sprite su una griglia di pixel e li esporta per il tuo motore, gratis nel browser.