Saldi di Halloween: −40% Pixor costa $19.99 $11.99 fino al 4 novembre, su itch.io →

Animazione sub-pixel: un respiro più piccolo di un pixel

Un idle leggero su uno sprite piccolo o non si vede affatto o salta un pixel intero tutto in una volta. I pixel artist disegnano il passaggio intermedio con un pixel di bordo più scuro. Il Movimento sub-pixel di Pixor fa lo stesso, solo dove un bordo si muove davvero.

Movimento sub-pixel: un forziere che respira di meno di un pixel: lo sheet che questo progetto di esempio renderizza

Progetto di esempio

Movimento sub-pixel: un forziere che respira di meno di un pixel: il progetto .pixor e il suo modello della libreria (CC0). Lo sheet a sinistra è ciò che renderizza.

Un piccolo forziere in pixel art che respira: sta fermo, poi salta di un pixel
Movimento sub-pixel disattivato
Lo stesso forziere, i cui pixel di bordo si scuriscono e si schiariscono mentre respira
Movimento sub-pixel attivato

Principiante · circa 5 minuti · o guardalo in 92 secondi

1. Uno sprite piccolo

Apri un modello: il tutorial usa il forziere della libreria CC0 gratuita. Nella fase Scena, fai clic sulla camera Sud, imposta la vista Gioco su GdR con vista dall’alto e larghezza e altezza su 32. Il movimento sub-pixel conta soprattutto sugli sprite piccoli, dove un pixel è un passo grande.

2. Un respiro

Fai clic sul forziere nella Struttura perché il movimento lo muova, poi nella fase Azione scegli Aggiungi un’azione › Pulsazione. Nel grafo di Azione imposta la Quantità del nodo Pulsazione su 0.025: il forziere cresce e si rimpicciolisce del 2.5 %, meno di un pixel a 32 pixel.

3. Disattivato: salta

Nella fase Stile, ingrandisci la Vista 2D e attiva la Griglia di pixel (Shift+G). I bordi restano fermi per qualche fotogramma, poi saltano di un pixel intero.

4. Movimento sub-pixel

Seleziona il nodo Pulizia nel grafo di Stile e, nella sezione Pulizia dell’Ispettore, spunta Movimento sub-pixel. Seleziona di nuovo il nodo Uscita per vedere lo sprite finito.

5. Attivato: respira

Finché il modello copre solo una parte di un pixel di bordo (meno di sette ottavi), quel pixel prende il colore successivo più scuro della sua rampa, e torna com’era quando il modello lo copre di nuovo. Ora il forziere respira a sfumature invece che a scatti.

6. Solo i bordi

Cosa è cambiato (D) segna i pixel diversi dal fotogramma precedente: solo quelli attraversati dai bordi in movimento. Con l’impostazione attiva la quota di sfarfallio di un render sale un po’, perché quei pixel cambiano apposta.

7. Esporta

Esporta scrive lo sheet come al solito; i pixel intermedi ci sono, nei colori della palette stessa.

Dalla riga di comando

pxr render chest.glb --size 32 --clip none --motion pulse:8:0.3 --subpixel
pxr project set game.pixor --subpixel

--no-subpixel lo disattiva per un progetto.

Avanti

Domande

Il movimento sub-pixel cambia la sagoma o il contorno?

No. Cambiano solo i pixel di bordo coperti in parte dalla superficie in movimento, e solo verso il colore successivo più scuro della loro rampa. Il contorno, la sagoma e ogni altro pixel restano esattamente com’erano.

I colori intermedi sono colori nuovi?

No. Ognuno è il gradino successivo verso il basso della rampa su cui l’ombreggiatura ha già messo il pixel, quindi ogni colore è uno di quelli della palette.

Con quali movimenti aiuta?

Tutto ciò che si muove di meno di un pixel per fotogramma: idle che respirano, il sobbalzo di qualcosa che fluttua, un’oscillazione lenta, una pulsazione. Una mossa veloce resta com’è: si legge già.

In cosa differisce dal nodo Movimento sub-pixel?

Il nodo nel grafo di Stile lavora un fotogramma alla volta e può lasciar sconfinare una parte nei pixel vuoti. Questa impostazione guarda l’intera clip e non cambia mai la sagoma.

Leggi anche

Provalo sul tuo modello, gratis nel browser, o acquista la versione completa.

Prova nel browser Acquista Pixor