martes, 30 de julio de 2019

Tutorial - Sombras multicapa y métodos (Rpg maker)

Quería comentar un poco este tema que ahora es bastante "potente" por así decirlo con el Rpg maker 2003 oficial, más si tenemos el editor modificado maniacs.

El tema es sobre pictures, podemos hacer un mapa y luego con las herramientas de Easyrpg usar lmu2png.exe para extraerlo
y editarlo. (Quitar canal alpha también)

Con el mapa sacado podemos hacer con un programa gráfico como graphic gale las sombras,
que hay sus trucos.

- Sombras superiores.
Las clásicas en Pictures, antes no se podían poner bajo el personaje.
Al estar en perspectiva cenital,
en la mayoría de rpgs vemos los muros arriba, pero no los de abajo (como pasaría en un zelda)
Los muros abajo con unas sombras de 4, 8 o 16 px hacia arriba crean una sombra, y mejora visual al parecer que el muro 2D que no vemos, forma parte en la iluminación y cubre un poco al personaje.
Muchos juegos usan sombras en diagonal arriba-derecha, sobretodo en exteriores.


*La proporción en Rpg maker 2003 suele ser como la de los juegos de última hornada, (como FF6)
El personaje es de 32px de alto,
Los muros a 32 o más y puertas. 
Antes eran a 16 de alto personajes y puertas (ff5- hasta el 1), por ejemplo.
En este ejemplo hay 3 combinaciones:
Los muros abajo dan sombra arriba,
también los laterales como si se tratase de una oclusión ambiental 3D,
cada muro crea una sombra contra el suelo, y también es desordenada porque el mapa es de una cueva, y las sombras de las cuevas quedan mejor al simular muros de roca proyectándose así. Con líneas rectas no queda muy bien.

 - Sombras inferiores
Esto es novedad en el rpg maker de steam, se puede hacer un plano de sombras que como en el ejemplo anterior, dé sombra en el terreno pero no deba cubrir al personaje.

- Autotiles con sombreados
Esto es un poco difícil de montar,
pero luego en un momento puede mejorar mucho los gráficos.

Hay que coger un tile de suelo,
Repetirlo como un cuadrado
estándar de autotile en Chipsets,
# # #
# # #
# # #

Con un programa tipo paint.net, que tenga pincel con función sustractiva y en parte transparente,
pintamos un circulo que hacia la parte exterior dé una oscuridad progresiva.
Hay que tener cuidado con el tile del centro para que no se oscurezca por una esquina o algo,
añadir las clásicas partes de 8x8px
encima que harán las esquinas del autotile y luego,
tras todo esto, ponerlo en el tileset sin que se degrade por los 256 colores de límite. (Puede interesar hacer un chipset a color real, poner todo, pasarlo a 256 colores e importar.)

- Pictures aditivos y sustractivos (maniacs)

Para aclarar, los aditivos suman al gráfico inferior el brillo,
los sustractivos restan.
No dan buen resultado si
en RGB o saturación suben por encima de 100 tras mis pruebas.

Realmente se pueden poner los planos con cierta transparencia, incluso animados. Hay 1000 aunque dudo que se necesiten tantos.

Las luces normales del maker son como una mancha que no mezcla, por eso sirven para sombras.
No tener aditivo era una carencia,
por poner ejemplos se pueden poner antorchas que iluminen incluso al personaje, y con sustractivo, efectos de linterna (mejores que los normales) y efectos que oscurezcan la delimitación de un mapa,
en parte se pueden "tintar" partes del mapa de forma diferente y progresiva que usar el común efecto de tintar pantalla.

Si ya sabéis de parallax mapping usando un panorama de fondo,
con la versión de steam se pueden hacer por picture, mucha más libertad creativa.
Todo esto lleva sus horas.