Cos'è uno sprite sheet? Una spiegazione chiara su come si muovono i personaggi nei giochi
Quando si disegnano personaggi in pixel art, prima o poi ci si imbatte nel termine "sprite sheet". Condivido una spiegazione per principianti scritta da Keitaro su note, che ripercorre passo dopo passo come funziona il sistema e che ho trovato molto utile.
Uno sprite è un'immagine 2D mostrata sullo schermo del gioco. Personaggi, nemici, oggetti, proiettili ed effetti rientrano in questa categoria, e uno sprite sheet è il risultato di raccoglierli in un'unica immagine grande. Per un'animazione di camminata si mostrano in sequenza un fotogramma con il piede destro avanti, uno con i due piedi uniti e uno con il piede sinistro avanti, cambiandoli rapidamente perché sembri che il personaggio cammini. In altre parole, il movimento nasce dal cambio di immagini ferme, non da un video.
Il gioco non mostra l'immagine grande per intero. Ritaglia con le coordinate solo il fotogramma che serve. Per esempio, se ogni fotogramma è 128×128 px e ce ne sono otto affiancati, l'area visualizzata passa da 0–127 px a 128–255 px, e così via. L'articolo fa anche un esempio in cui l'asse orizzontale rappresenta 8 direzioni e quello verticale le azioni (camminare, attaccare, subire un colpo, difendersi), quindi 8 direzioni × 7 stati, cioè 56 fotogrammi.
Nell'uso pratico, secondo l'articolo, la cosa più importante è allineare la posizione di riferimento in ogni fotogramma. Se i piedi slittano di qualche pixel da un fotogramma all'altro, il personaggio sembra tremare su e giù durante l'animazione. Anche tenere lo sfondo trasparente è indispensabile.
Infine, viene chiarita la differenza tra uno sprite sheet, cioè semplicemente un insieme di immagini correlate, e un atlas di sprite, che impacchetta più immagini in un'unica texture per migliorare l'efficienza del rendering. Mi ha colpito soprattutto la conclusione: creare le immagini è meno difficile che darle una forma che il gioco possa usare correttamente. Credo sia utile anche per chi fa pixel art, soprattutto in fase di esportazione.
Fonte: note (Keitaro)
Uno sprite è un'immagine 2D mostrata sullo schermo del gioco. Personaggi, nemici, oggetti, proiettili ed effetti rientrano in questa categoria, e uno sprite sheet è il risultato di raccoglierli in un'unica immagine grande. Per un'animazione di camminata si mostrano in sequenza un fotogramma con il piede destro avanti, uno con i due piedi uniti e uno con il piede sinistro avanti, cambiandoli rapidamente perché sembri che il personaggio cammini. In altre parole, il movimento nasce dal cambio di immagini ferme, non da un video.
Il gioco non mostra l'immagine grande per intero. Ritaglia con le coordinate solo il fotogramma che serve. Per esempio, se ogni fotogramma è 128×128 px e ce ne sono otto affiancati, l'area visualizzata passa da 0–127 px a 128–255 px, e così via. L'articolo fa anche un esempio in cui l'asse orizzontale rappresenta 8 direzioni e quello verticale le azioni (camminare, attaccare, subire un colpo, difendersi), quindi 8 direzioni × 7 stati, cioè 56 fotogrammi.
Nell'uso pratico, secondo l'articolo, la cosa più importante è allineare la posizione di riferimento in ogni fotogramma. Se i piedi slittano di qualche pixel da un fotogramma all'altro, il personaggio sembra tremare su e giù durante l'animazione. Anche tenere lo sfondo trasparente è indispensabile.
Infine, viene chiarita la differenza tra uno sprite sheet, cioè semplicemente un insieme di immagini correlate, e un atlas di sprite, che impacchetta più immagini in un'unica texture per migliorare l'efficienza del rendering. Mi ha colpito soprattutto la conclusione: creare le immagini è meno difficile che darle una forma che il gioco possa usare correttamente. Credo sia utile anche per chi fa pixel art, soprattutto in fase di esportazione.
Fonte: note (Keitaro)
Commenti 0
Lascia il primo commento, in qualsiasi lingua.
Accedi per commentare