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

Varianti di illuminazione: notte, torcia, sott’acqua, veleno

Un livello notturno ha bisogno di uno sprite notturno. Una tinta sopra lo sheet diurno mantiene le ombre del giorno; Pixor ridisegna ogni fotogramma sotto l’altra luce, così le ombre cadono dove le mette quella luce, poi porta lo sheet nei colori di quella luce.

Varianti di illuminazione: un mech di giorno, di notte, alla luce di torcia, sott’acqua e avvelenato: lo sheet che questo progetto di esempio renderizza

Progetto di esempio

Varianti di illuminazione: un mech di giorno, di notte, alla luce di torcia, sott’acqua e avvelenato: il progetto .pixor e il suo modello della libreria (CC0). Lo sheet a sinistra è ciò che renderizza.

Un mech in pixel art alla luce del giorno, bianco e arancione
Luce del giorno
Lo stesso mech al chiaro di luna, in blu scuri
light:night
Il mech alla luce di torcia, in marroni caldi, più parti in ombra
light:torch
Il mech sott’acqua, verde-azzurro e più morbido
light:underwater
Il mech avvelenato, verde malaticcio
light:poison

Principiante · circa 5 minuti · o guardalo in 75 secondi

1. Lo sprite alla luce del giorno

Apri un modello: il tutorial usa il mech della libreria CC0 gratuita, con la sua camminata. La Vista 2D della fase Stile lo mostra come lo illumina lo Stile: è lo sheet diurno.

2. Aggiungi Varianti di palette

Nella fase Asset, seleziona il nodo Sheet, scrivi variant nella casella Trova della libreria dei nodi e aggiungi File: Varianti di palette. Le varianti di illuminazione stanno nello stesso elenco degli scambi di palette e dei colori di squadra.

3. Quattro luci

Nell’Ispettore, apri Aggiungi variante e scorri fino alla fine dell’elenco: Luce night, Luce torch, Luce underwater, Luce poison. Ognuna è uno sheet a sé.

  • night: luce lunare fredda e fioca dall’alto, dal lato opposto; ombre blu profondo.
  • torch: una luce calda tenuta bassa davanti; più modello in ombra, nessuna luce di riempimento.
  • underwater: luce dritta dall’alto attraverso acqua verde-azzurra, più morbida e più scura.
  • poison: la luce dello Stile stesso, verde malaticcio e un po’ più scura.

La voce Night della palette, più in alto, è uno scambio di palette dei pixel diurni; Luce night è quella ridisegnata.

4. Esporta

Esporta scrive uno sheet per luce accanto a quello diurno, ciascuno con il nome della sua luce (mech_light-night.png, …) e con il proprio JSON, le GIF e il file Aseprite, se l’esportazione li crea. Il JSON dello sheet diurno li elenca sotto meta.pixor.lights.

Dalla riga di comando

pxr render mech.glb --clip Walk --ring 4 --light-variant night,torch,underwater,poison
pxr project set game.pixor --light-variant night,torch

--light-variant night equivale a --variant light:night; --no-light-variants le rimuove da un progetto.

Avanti

  • Varianti di colore: un lampo da colpo, un nemico congelato e colori di squadra dallo stesso sheet.
  • Palette limitate: perché uno sheet illuminato mantiene il numero di colori.

Domande

Una variante di illuminazione è solo uno scambio di palette?

No. Una variante di palette mantiene ogni pixel e cambia il significato dei colori. Una variante di illuminazione ridisegna i fotogrammi: la luce principale si sposta, più parte del modello cade nelle bande più scure, la luce di riempimento e le luci alte cambiano. Poi tinge la palette per quella luce.

Gli sheet illuminati sono ancora pixel art indicizzata?

Sì. Ognuno è nella palette dello Stile modificata dalla tinta della luce: lo stesso numero di colori e le stesse rampe, ogni pixel uno dei colori della sua palette.

I fotogrammi coincidono con lo sheet diurno?

Esattamente: stessa dimensione, stessi fotogrammi negli stessi punti, stesso pivot. Cambia la texture nel tuo motore quando il giocatore entra nella grotta.

Posso vedere una luce prima di esportare?

Non ancora: Genera sul nodo Varianti di palette crea gli scambi di palette, mentre le luci le disegna Esporta. Esporta in una cartella e apri lì gli sheet.

Leggi anche

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

Prova nel browser Acquista Pixor