Come trasformare uno sprite sheet in pixel art in una GIF per Divoom

Come trasformare uno sprite sheet in pixel art in una GIF per Divoom

La conversione di una sprite sheet in pixel art in una GIF animata per il tuo display Divoom si riduce a tre passaggi: scegliere uno strumento per suddividere i fotogrammi, impostare le dimensioni della GIF in modo che corrispondano esattamente al pannello LED del dispositivo e importare il risultato tramite l’app Divoom. Che tu stia lavorando con un Pixoo-64 e la sua griglia 64x64, con un Pixoo Max e un pannello 128x128 o con un Ditoo-Pro a 16x16, il flusso di lavoro è lo stesso: cambia solo il numero di pixel di destinazione.

Hai già dedicato del tempo a disegnare ogni fotogramma della tua sprite sheet. Ora vuoi vederla animata su un display fisico. La buona notizia è che strumenti come Aseprite, Piskel e persino i convertitori online gratuiti possono occuparsene. Il punto in cui molti incontrano difficoltà sono le impostazioni di esportazione, perché una GIF che viene riprodotta perfettamente sullo schermo di un computer può non funzionare senza alcun messaggio di errore su un dispositivo Divoom se le dimensioni, il numero di fotogrammi o le dimensioni del file non sono corrette.

Il video qui sopra mostra l’aspetto della pixel art su un display Divoom in una vera configurazione da scrivania. Il resto dell’articolo illustra i passaggi specifici per trasformare la tua sprite sheet da un PNG statico in una GIF animata riproducibile dal tuo dispositivo.

Cosa ti serve prima di iniziare

Prima di aprire qualsiasi strumento, assicurati di avere pronti questi quattro elementi:

  • Una sprite sheet in formato PNG. I fotogrammi devono essere disposti in una riga orizzontale o in una griglia uniforme, con la stessa larghezza e altezza in pixel per ogni fotogramma.
  • Uno strumento per le animazioni pixel. Aseprite, Piskel o un convertitore online come ezgif.com. La scelta dipende dal fatto che tu voglia un editor completo o una conversione occasionale.
  • Il tuo dispositivo Divoom e la versione più recente dell’app Divoom. L’app gestisce il trasferimento dal telefono al display tramite Bluetooth o Wi-Fi.
  • La risoluzione dello schermo del tuo dispositivo. Questo è il dato più importante. La GIF deve corrispondere esattamente a questa risoluzione.

Passaggio 1 — Scegli lo strumento per la tua sprite sheet

Aseprite

Aseprite è lo strumento di animazione pixel art più popolare nella comunità dei giochi indie e della pixel art. Costa circa 20 $, ma offre il pieno controllo sulla durata dei fotogrammi, l’effetto onion skin e la gestione delle palette.

Come importare una sprite sheet: apri Aseprite, vai su File → Importa sprite sheet, seleziona il file PNG e inserisci la larghezza e l’altezza dei fotogrammi. Aseprite suddividerà il foglio in singoli fotogrammi sulla timeline.

Come esportare in formato GIF: vai su File → Esporta, scegli GIF come formato, imposta la durata dei fotogrammi (in millisecondi) e fai clic su Esporta. Il file generato è una GIF89a standard che l'app Divoom è in grado di leggere.

Piskel

Piskel è un editor di pixel art gratuito basato su browser che funziona su piskelapp.com. Non è richiesta alcuna installazione, il che lo rende una buona opzione se devi farlo una sola volta.

Come importare uno sprite sheet: fai clic sull'icona di importazione, scegli "Importa da file" o "Importa da URL", quindi imposta le dimensioni dei fotogrammi. Piskel suddividerà automaticamente lo sprite sheet in fotogrammi.

Come esportare in formato GIF: fai clic su Esporta → GIF, regola il cursore della frequenza dei fotogrammi e imposta la scala. Scarica il file quando è pronto.

Convertitori online

Se non ti serve un editor completo per animazioni e vuoi solo convertire un PNG con sprite sheet in una GIF, ezgif.com/sprite-sheet-to-gif è l'opzione più flessibile. Carica il PNG, inserisci la larghezza e l'altezza dei fotogrammi, imposta la durata di ogni fotogramma e fai clic su "Crea una GIF". Non è richiesto alcun account.

Passaggio 2 — Imposta le dimensioni corrette in pixel per Divoom

È qui che la maggior parte delle conversioni fallisce. Ogni dispositivo Divoom ha un pannello LED con risoluzione fissa e la GIF deve corrispondere esattamente alla risoluzione del pannello. Una GIF 256x256 non verrà visualizzata correttamente su un Pixoo-64 64x64 senza essere prima ridimensionata.

Dispositivo Risoluzione dello schermo Dimensioni in pixel della GIF Connessione
Pixoo-64 64 x 64 LED 64 x 64 px WiFi + Bluetooth
Pixoo Max 128 x 128 LED 128 x 128 px WiFi + Bluetooth
Ditoo-Pro 16 x 16 LED 16 x 16 px Bluetooth

La regola fondamentale è ridimensionare la GIF alla risoluzione nativa del dispositivo prima dell'esportazione. Se i fotogrammi dello sprite sheet sono 32x32 e vuoi usarli su un Pixoo-64, portali a 64x64 usando l'interpolazione nearest-neighbor (non bilineare o bicubica, che sfocano la pixel art). La maggior parte degli strumenti per pixel art usa per impostazione predefinita il nearest-neighbor, ma controlla comunque l'impostazione.

Il canvas 64x64 del Pixoo-64 è il formato più versatile per le animazioni con sprite sheet nella gamma Divoom.

Passaggio 3 — Impostazioni di esportazione efficaci

Una volta suddivisi e ridimensionati i fotogrammi, le impostazioni di esportazione determinano se l'app Divoom accetterà il file. Ecco le impostazioni che funzionano in modo affidabile:

  • Dimensioni in pixel: corrispondenza esatta con il tuo dispositivo (64x64, 128x128 o 16x16).
  • Frequenza dei fotogrammi: da 8 a 12 fotogrammi al secondo. Le animazioni in pixel art appaiono naturali a frequenze più basse, mantenendo il file di dimensioni ridotte.
  • Tavolozza dei colori: riduci a 32 o 64 colori. Le tavolozze complete a 256 colori aumentano le dimensioni del file senza miglioramenti visibili sui pannelli LED.
  • Numero totale di fotogrammi: Mantienilo sotto i 30 fotogrammi. Un numero maggiore di fotogrammi comporta un file più grande e l’app potrebbe elaborare solo il primo fotogramma se il conteggio è troppo elevato.
  • Dimensione del file: Cerca di rimanere sotto i 5 MB. I file di oltre 10 MB potrebbero raggiungere il timeout durante il trasferimento tramite Bluetooth o Wi-Fi.
  • Formato: GIF89a standard. Non esportare in formato APNG o WebP con estensione .gif.

Se la GIF supera i 5 MB dopo l’esportazione, aprila su ezgif.com/optimize e riduci il numero di colori oppure elimina un fotogramma ogni due. Questa compressione in due passaggi di solito porta il file sotto il limite senza una perdita visibile di qualità.

Passaggio 4 — Importa la GIF nell’app Divoom

Dopo aver salvato il file GIF nella galleria fotografica o nel gestore file del telefono, il processo di importazione è semplice:

  1. Apri l’app Divoom sul tuo dispositivo iOS o Android.
  2. Seleziona il dispositivo connesso dalla schermata principale.
  3. Vai alla sezione Galleria o Disegni personalizzati.
  4. Scegli "Importa" o "Aggiungi dall’album" e seleziona il file GIF.
  5. Visualizza l’anteprima dell’animazione nell’app per verificare che tutti i fotogrammi vengano riprodotti correttamente.
  6. Tocca "Invia al dispositivo" e attendi il completamento del trasferimento.

Se l’animazione viene riprodotta sul dispositivo, hai finito. Se appare come un’immagine statica o non viene importata, il problema è quasi certamente uno degli errori comuni riportati di seguito.

Errori comuni e come risolverli

Errore 1: dimensioni dei pixel errate

Sintomo: La GIF viene caricata, ma sul dispositivo appare ritagliata, deformata o sfocata.

Soluzione: Ridimensiona la GIF alla risoluzione esatta del dispositivo prima di esportarla. Una GIF da 128x128 non può essere visualizzata su un Pixoo-64 da 64x64 senza essere prima ridimensionata. Usa il ridimensionamento con interpolazione nearest-neighbor nel tuo strumento per pixel art, così da preservare i bordi nitidi.

Errore 2: troppi fotogrammi o file troppo grande

Sintomo: L’app accetta il file, ma mostra solo il primo fotogramma oppure il caricamento si blocca senza alcun avanzamento.

Soluzione: Riduci il numero di fotogrammi a 20 o meno e comprimi il file portandolo a meno di 5 MB. Rimuovi i fotogrammi non necessari, riduci la tavolozza dei colori o aumenta leggermente l’intervallo tra i fotogrammi per ridurre la quantità totale di dati.

Errore 3: il foglio sprite non è stato suddiviso correttamente

Sintomo: L’animazione GIF mostra fotogrammi disallineati, pixel aggiuntivi sui bordi o la porzione sbagliata di ciascun fotogramma.

Soluzione: verifica che la larghezza e l'altezza del fotogramma inserite durante il passaggio di importazione corrispondano al layout effettivo dello sprite sheet. Se il tuo foglio contiene 8 fotogrammi da 64x64 pixel disposti orizzontalmente, la larghezza totale dovrebbe essere di 512 pixel (8 × 64). Inserire una dimensione di ritaglio errata sposterà tutti i fotogrammi, facendoli risultare disallineati.

Confronto tra strumenti gratuiti

Ecco un confronto tra i quattro strumenti per sprite sheet più comuni per questo flusso di lavoro specifico:

Strumento Prezzo Piattaforma Ideale per
Aseprite ~$20 Desktop Modifica completa delle animazioni
Piskel Gratuito Browser Modifica rapida dal browser
LibreSprite Gratuito Desktop Alternativa open source
ezgif.com Gratuito Browser Conversione una tantum

Se crei regolarmente pixel art, Aseprite vale l'investimento grazie al suo editor della timeline e alla gestione delle tavolozze. Per una conversione una tantum, ezgif.com è il modo più rapido per passare da uno sprite sheet a una GIF pronta per Divoom.

Domande frequenti

Posso usare uno sprite sheet orizzontale o verticale?

Sì. Sia Aseprite sia ezgif.com supportano layout orizzontali, verticali e a griglia. Devi solo indicare allo strumento quante colonne e righe contiene il tuo foglio, oppure inserire la larghezza e l'altezza dei singoli fotogrammi.

Quale frequenza dei fotogrammi funziona meglio per le animazioni pixel Divoom?

Da 8 a 12 fotogrammi al secondo è il valore ideale per la pixel art sui display LED. Frequenze dei fotogrammi più basse mantengono il file di dimensioni ridotte e hanno un aspetto naturale per la pixel art. Frequenze più alte aumentano le dimensioni del file senza un miglioramento visibile su un pannello da 64x64 o 16x16.

Posso usare una GIF più grande di 64x64 su Pixoo-64?

No. Pixoo-64 ha un pannello LED fisico da 64x64. La tua GIF deve avere esattamente 64x64 pixel per essere visualizzata correttamente. Ridimensionala prima di esportarla dal tuo strumento di animazione.

Dove posso trovare il manuale ufficiale dei prodotti Divoom?

Il manuale ufficiale dei prodotti Divoom è disponibile all'indirizzo divoom.com/pages/product-manual. Se il problema di importazione della GIF persiste dopo aver seguito i passaggi sopra indicati, il manuale potrebbe contenere istruzioni per la risoluzione dei problemi specifiche del dispositivo.

Una volta che la tua GIF sprite sheet è in riproduzione sul tuo display Divoom, puoi esplorare altre opzioni di arte personalizzata nella nostra guida completa al caricamento di immagini personalizzate su Divoom. Se l'importazione non riesce e devi risolvere il problema, la nostra guida alla risoluzione dei problemi di importazione delle GIF illustra i punti di errore più comuni. Per altre opzioni di display, esplora la collezione di display pixel.

How to Store Photos Locally on Pixel Displays: A Privacy-Friendly Guide App Guide How to Store Photos Locally on Pixel Displays: A Privacy-Friendly Guide Learn how to store and display photos on Divoom pixel displays without cloud sync. Time... Pixoo-64 Node-RED + MQTT: Build Smarter Pixel Alerts App Guide Pixoo-64 Node-RED + MQTT: Build Smarter Pixel Alerts My smart-home alerts kept disappearing into phone notifications. This Node-RED and MQTT... Pixoo-64 + Home Assistant: crea una dashboard smart home in pixel art App Guide Pixoo-64 + Home Assistant: crea una dashboard smart home in pixel art Il Divoom Pixoo-64 è uno dei display più apprezzati nella community di Home Assistant. ...
Torna al blog
Lascia un commento

Si prega di notare che i commenti devono essere approvati prima di essere pubblicati.