Vai al contenuto

Impacchettatore di atlas di sprite

Trascina una cartella di sprite e ottieni un’unica texture ben compatta, con un file di dati che dice al tuo motore dove si trova ogni sprite. Niente lascia il tuo dispositivo.

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

  • Mai caricati
  • PNG e file di dati
  • Un’intera cartella in una volta

Come funziona

Come impacchettare gli sprite in un atlas

  1. Passaggio 1: Aggiungi i tuoi sprite

    Scegli, trascina o incolla le immagini, oppure trascina la cartella che le contiene. Possono essere tutte di dimensioni diverse.

  2. Passaggio 2: Scegli l’impacchettamento

    Imposta la distanza, ritaglia i bordi vuoti e scegli il file di dati che il tuo motore legge. La sheet si aggiorna man mano.

  3. Passaggio 3: Scarica lo ZIP

    Contiene il PNG dell’atlas e il file che dice dove si trova ogni sprite.

Impacchettatore di atlas di sprite

Una texture invece di cento file

  • Impacchettamento compatto

    Sprite di qualsiasi dimensione vengono incastrati con poco spazio sprecato, mai ruotati, mai ridimensionati.

  • Ritaglia i bordi vuoti

    Lo spazio vuoto intorno a ogni sprite viene escluso e registrato: l’atlas è più piccolo e nulla si sposta.

  • Dati che il tuo motore legge

    JSON per Phaser, PixiJS e gli importatori dei motori, oppure un .meta di Unity che suddivide la texture per te.

  • Mai caricati

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

In dettaglio

Gli atlas di sprite in pratica

A cosa serve un atlas

Ogni immagine separata che un gioco disegna costa alla scheda grafica un cambio di texture. Raccogliere tanti sprite in un’unica immagine, l’atlas, permette al motore di disegnarli insieme: gira più veloce e si carica prima di cento piccoli file.

L’impacchettatore incastra sprite di dimensioni diverse come un puzzle, partendo dai più grandi, e annota dove è finito ciascuno. Gli sprite non vengono mai ruotati né scalati, quindi restano esattamente come li hai disegnati.

Le impostazioni che contano

  • Distanza: 1 o 2 pixel vuoti tra gli sprite impediscono che il bordo di uno compaia sul vicino quando la texture viene scalata o filtrata.
  • Ritaglia i bordi vuoti: esclude il bordo vuoto intorno a ogni sprite. Il file di dati registra quanto è stato tolto, così lo sprite resta dov’era.
  • Dimensione a potenza di due: arrotonda la sheet a 256, 512, 1024 e così via. Ai motori moderni serve di rado; alcune piattaforme mobile e web la preferiscono ancora.
  • Nomi: ogni sprite prende il nome del suo file, senza estensione; chiama quindi i file come vuoi richiamarli nel codice.

File di dati

JSON, fotogrammi per nome è il formato reso comune da TexturePacker. Phaser e PixiJS lo caricano direttamente, e ci sono importatori per Godot, GameMaker e la maggior parte degli altri motori. JSON, elenco di fotogrammi contiene gli stessi dati come elenco ordinato.

Godot (.tres) scrive un file AtlasTexture per ogni sprite, con il suo stesso nome. Copiali nel progetto nella stessa cartella del PNG e usa uno qualsiasi come texture, per esempio su uno Sprite2D. Non serve nessun plugin di importazione, e gli sprite ritagliati mantengono la dimensione originale.

Unity (.png.meta) è il file di importazione proprio di Unity. Copialo nel progetto accanto al PNG e la texture arriva suddivisa in sprite con un nome, con filtro a punti e senza compressione, come serve alla pixel art.

Impacchettatore di atlas di sprite

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.

Come creo un atlas di sprite?

Aggiungi i tuoi sprite, scegli una distanza e un file di dati, e scarica lo ZIP. Contiene l’immagine dell’atlas e i suoi dati.

Quanto può essere grande l’atlas?

Fino a 4096 × 4096 pixel, una dimensione che ogni dispositivo attuale riesce a caricare, e fino a 1000 sprite. Se gli sprite non entrano, lo strumento lo segnala.

È diverso da una sprite sheet?

Una sprite sheet è di solito una griglia di fotogrammi uguali di un’animazione. Un atlas impacchetta immagini di qualsiasi dimensione dove trovano posto, e per essere letto ha bisogno del suo file di dati.

Perché i miei sprite non vengono ruotati per risparmiare spazio?

Gli sprite ruotati si incastrano un po’ meglio, ma molti importatori non li supportano. Lasciare ogni sprite dritto rende l’atlas leggibile ovunque.

Posso impacchettare i fotogrammi di un’animazione?

Sì. Dai ai file nomi in ordine, come walk_01 e walk_02, e manterranno quei nomi nel file di dati. Per una semplice griglia di fotogrammi uguali, usa invece Da sprite sheet a GIF e salva come sprite sheet.

Stai ancora disegnando gli sprite?

Apri l’editor di pixel art di Moriqa per disegnarli e animarli, poi esporta sprite sheet per Godot, Unity e GameMaker. Gratis nel browser.