Uno sprite sheet 128 × 64 diviso in otto frame da 32 × 32, con un personaggio ingrandito che mostra bordi pixel nitidi grazie al nearest-neighbor.
Esempio di utilità costruito: un foglio a 4 colonne e 2 righe diventa otto frame da 32 × 32. Lo scaling intero ingrandisce i blocchi di pixel senza sfocatura.
RISPOSTA DIRETTA

Il packer di sprite sheet carica i miei frame?

No. Fino a 64 frame restano nel browser e vengono disposti in una griglia uniforme. Ottieni un atlas PNG più coordinate JSON; i frame non vengono ritagliati né ruotati.

WORKSPACE LIVE

Lavora in locale. Esporta in modo pulito.

Questa utility gira nel tuo browser. I tuoi file restano sul dispositivo e non vengono usati crediti di generazione.

Sorgente e impostazioni01
Elaborazione locale privata0 crediti
Aggiungi due o più frame

L’utility gira in locale. Le tue opere non vengono caricate e non vengono usati crediti.

NEL GIOCO

Guarda gli asset come un gioco.

Esplora gameplay, uso su dispositivi portatili e design coordinati. Questi concept generati dall’AI mostrano possibilità visive; rivedi i tuoi asset e gli import nel motore prima del rilascio.

Presentazione coordinata per pixel game che abbina una scena di gioco finita a personaggi, terreno, icone inventario e interfacce coordinati.

Un’unica direzione artistica per tutto il gioco

Rivedi la scena giocabile insieme a personaggi, terreno, oggetti e interfaccia come un unico design coordinato.

Concept di RPG pixel generato dall'IA che abbina un ranger verde acqua in una battaglia nella foresta con pose coordinate di stazione, camminata e attacco sotto la scena di gioco.

Un personaggio in diverse direzioni e azioni

Confronta proporzioni, colori e silhouette d'azione del personaggio con il mondo che lo circonda.

Concept di combattimento pixel generato dall'IA con un ranger verde acqua, effetti di spada ambrati, oggetti corrispondenti nella barra rapida e un pannello inventario in un cortile boschivo.

Combattimento, oggetti e interfaccia in un'unica scena

Valuta la visibilità degli effetti, le icone degli oggetti e il contrasto dell'interfaccia nello stesso momento di gioco.

Un esempio pratico

Impacchetta otto frame della stessa dimensione

Usa un input concreto, ispeziona l’output e controlla i limiti attuali prima di scegliere il passo successivo.

Uno sprite sheet 128 × 64 diviso in otto frame da 32 × 32, con un personaggio ingrandito che mostra bordi pixel nitidi grazie al nearest-neighbor.
Esempio di utilità costruito: un foglio a 4 colonne e 2 righe diventa otto frame da 32 × 32. Lo scaling intero ingrandisce i blocchi di pixel senza sfocatura.

Input di esempio

Scarica e decomprimi gli otto frame demo qui sotto. Ogni PNG trasparente è 32 × 32 pixel.

Cosa controllare

  1. Seleziona tutti gli otto frame PNG in sequenza, poi imposta l'atlas su 4 colonne.
  2. Controlla l’anteprima: quattro celle da 32 pixel in larghezza e due in altezza producono un atlas 128 × 64.
  3. Scarica il PNG dell’atlas e il JSON. Verifica che il primo frame inizi a x: 0, y: 0 e il quinto a x: 0, y: 32.

Output previsto

Otto input da 32 × 32 su quattro colonne producono un atlas PNG da 128 × 64 più le coordinate JSON dei frame.

Limiti attuali

Il packer locale usa una griglia uniforme dimensionata sull’input più grande, accetta fino a 64 file e preserva i limiti del frame. Non effettua trim, rotazione, padding né bin packing ottimale.

Riferimenti ufficiali al workflow

Consulta la documentazione del motore o dell'editor quando prepari una tua importazione. Queste fonti descrivono il comportamento dei file e della riproduzione, non sono un'endorsement di PixelBox.

Editore e supporto

Contenuto aggiornato:

Pubblicato e mantenuto da LlamaGen. Questa pagina descrive i controlli attuali di PixelBox e i formati di esportazione. Contatta il team per informazioni errate o problemi di esportazione.

01 / PERCHÉ FUNZIONA

Pensato per la produzione, non solo per le anteprime.

01

Input multi-file

Aggiungi fino a 64 frame PNG, JPG o WebP per selezione.

02

Layout prevedibile

Scegli il numero di colonne. Ogni cella usa la larghezza e l'altezza maggiori dell'input, e i frame mantengono la loro dimensione originale.

03

Metadati inclusi

Esporta nomi dei frame, coordinate e dimensioni in JSON.

02 / FLUSSO DI LAVORO

Dalla sorgente a un output chiaramente etichettato.

PASSO 01

Aggiungi frame

Seleziona in sequenza i file PNG della tua animazione o dei tuoi asset.

PASSO 02

Scegli colonne

Imposta il layout dell’atlas e controlla l’anteprima generata.

PASSO 03

Esporta entrambi i file

Scarica il PNG dell’atlas e le sue coordinate JSON.

03 / FAQ

Chiarisci i termini prima di creare.

I miei frame sono stati caricati?

No. L’impacchettamento avviene nel browser e i file restano sul tuo dispositivo.

Quale formato JSON viene usato?

L’esportazione contiene un nome immagine, le dimensioni dell’atlas e oggetti frame con x, y, width e height. Assegna a ogni frame un nome file univoco così ogni voce JSON resta distinta.

Ritaglia i pixel trasparenti?

No. Il packer della griglia conserva i limiti originali dei frame e non ruota i frame né ottimizza lo spazio vuoto. Usa lo slicer per sprite sheet quando ti servono i controlli di ritaglio e padding.

PROSSIMO NEL FLUSSO

Keep building the same world.

Continua con lo strumento adatto al passo successivo: prepara un riferimento, rivedi i frame dell’animazione o impacchetta un atlas per il tuo motore di gioco.