Oferta de Halloween: −40% Pixor cuesta $19.99 $11.99 hasta el 4 de noviembre en itch.io →

Variantes de iluminación: noche, antorcha, bajo el agua, veneno

Un nivel nocturno necesita un sprite nocturno. Un tinte sobre la hoja de día conserva las sombras del día; Pixor vuelve a dibujar cada fotograma bajo la otra luz, para que las sombras caigan donde esa luz las pone, y luego pasa la hoja a los colores de esa luz.

Variantes de iluminación, un mech de día, de noche, con antorcha, bajo el agua y envenenado: la hoja que renderiza este proyecto de ejemplo

Proyecto de ejemplo

Variantes de iluminación, un mech de día, de noche, con antorcha, bajo el agua y envenenado: el proyecto .pixor y su modelo de la biblioteca (CC0). La hoja de la izquierda es lo que renderiza.

Un mech en pixel art a la luz del día, blanco y naranja
Día
El mismo mech a la luz de la luna, en azules oscuros
light:night
El mech a la luz de una antorcha, en marrones cálidos, con más partes en sombra
light:torch
El mech bajo el agua, verdeazulado y más suave
light:underwater
El mech envenenado, de un verde enfermizo
light:poison

Principiante · unos 5 minutos · o míralo en 75 segundos

1. El sprite a la luz del día

Abre un modelo: el tutorial usa el mecha de la biblioteca CC0 gratuita, con su caminata. La Vista 2D del paso Estilo lo muestra tal como lo ilumina el Estilo: esa es la hoja de día.

2. Añade Variantes de paleta

En el paso Asset, selecciona el nodo Hoja, escribe variant en el cuadro de búsqueda de la biblioteca de nodos y añade Archivo: Variantes de paleta. Las variantes de iluminación están en la misma lista que los cambios de paleta y los colores de equipo.

3. Cuatro luces

En el Inspector, abre Añadir variante y baja hasta el final de la lista: Luz night, Luz torch, Luz underwater, Luz poison. Cada una es una hoja propia.

  • night: luz de luna fría y tenue desde lo alto, por el lado opuesto; sombras de un azul profundo.
  • torch: una luz cálida sostenida baja, por delante; más parte del modelo en sombra, sin luz de relleno.
  • underwater: luz desde justo arriba a través de agua verdeazulada, más suave y más oscura.
  • poison: la luz propia del Estilo, de un verde enfermizo y algo más oscura.

La entrada Night de la paleta, más arriba, es un cambio de paleta de los píxeles de día; Luz night es la que se vuelve a dibujar.

4. Exportar

Exportar escribe una hoja por luz junto a la de día, cada una con su nombre (mech_light-night.png, …) y con su propio JSON, GIF y archivo de Aseprite si la exportación los genera. El JSON de la hoja de día las enumera en meta.pixor.lights.

Desde la línea de comandos

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 las quita de un proyecto.

Siguiente

  • Variantes de color: un destello de golpe, un enemigo congelado y colores de equipo a partir de la misma hoja.
  • Paletas limitadas: por qué una hoja iluminada conserva su número de colores.

Preguntas

¿Una variante de iluminación es solo un cambio de paleta?

No. Una variante de paleta conserva cada píxel y cambia lo que significan los colores. Una variante de iluminación vuelve a dibujar los fotogramas: la luz principal se mueve, una parte mayor del modelo cae en las bandas más oscuras, el relleno y los brillos cambian. Luego tiñe la paleta para esa luz.

¿Las hojas iluminadas siguen siendo pixel art indexado?

Sí. Cada una está en la paleta del Estilo modificada por el tinte de la luz: el mismo número de colores y las mismas rampas, cada píxel uno de los de su paleta.

¿Los fotogramas coinciden con la hoja de día?

Exactamente: el mismo tamaño, los mismos fotogramas en los mismos sitios, el mismo pivote. Cambia la textura en tu motor cuando el jugador entre en la cueva.

¿Puedo ver una luz antes de exportar?

Todavía no: Generar en el nodo Variantes de paleta crea los cambios de paleta, y las luces las dibuja Exportar. Exporta a una carpeta y abre allí las hojas.

Lee a continuación

Pruébalo con tu propio modelo, gratis en tu navegador, o consigue la versión completa.

Probar en el navegador Consigue Pixor