[VXACE]Overlay Mappig + Map Screnshot + Tuto

Buenas a todos, espero que les sirva este script, ya digo que no soy su autor solo lo traduje y lo compartí, el tuto si es mio, lo hice con lo que fue aprendiendo del script ya que no es difícil de usar, lo difícil es usar el photoshop XD.

Autores:
Overlay Mapping: Hanzo Kimura for Original Script
Map Screenshot: Tsukihime
Dueño del tileset dedicado a overlay
(tile para la prohibición de movimiento):Drack Venamides

Introducción:
Este script está basado en la idea de tener, para el mapa en el cual está trabajando, una seria de capas, ya que el Rpg maker Vx Ace carece de esta función.
La genialidad de esta idea es que usted podrá incluir en sus mapas distintos recursos que no necesariamente estén en el tileset que utilice. Esto le ahorrara el trabajo de andar buscando tileset específicos para el programa y a la hora de mapear, el disgusto de que no tenga todos los objetos en las imágenes que tiene.

Bueno para empezar a utilizar esta maravillosa técnica necesitaras:
- Un editor de imágenes. Muy Recomendado Photoshop
- Tileset varios, para poder variar en lo que sería la decoración del mapa.
- Este y el script Map Screnshot colocados en el juego.

Nota: El script Map Screnshot es opcional, personalmente es una buena combinación con el Overlay Mapping.

El Map Screnshot se utiliza para poder sacar una imagen completa del mapa, solo tocando la tecla F7 (configurable en el script), a diferencia del botón “IMPR PANT” que saca una imagen de la pantalla, este te extrae el mapa entero en formato .png y lo guarda en una carpeta llamada Map Screnshot alojada en la carpeta raíz del proyecto.
 

Bueno pasemos a explicar como es el tema de las capas, que la verdad en muy sencillo de entender, y lo aremos mediante una simple imagen:
[Tienes que estar registrado y conectado para ver esa imagen]

En esta imagen podemos apreciar las 6 capas finales que tendrá cada mapa de su juego en si.


Empecemos, la capa Map Editor es el mapa base que deberán crear en el Rpg maker, me refiero que para empezar hay que armar lo que seria, ejemplo, en una ciudad los edificios, sin ningún detalle solo la estructura de los edificios y las calles, el pasto, etc.

En la segunda capa, llamada Ground, va todo lo que usted quiera poner al nivel del personaje, esto es que pase por debajo de él, como puede ser una flor, o todo con lo que quiera que se choque, como lo es el tronco de un árbol (Aclaro SOLO el tronco).

La tercer capa es donde se encuentra el personaje, no significa que lo vallas a agregar aparte en el editor, sino que el script en un orden de prioridades coloca al personaje por encima de las capas 1 y 2, y por debajo de las otras capas.
Cuarta capa el parallax (la verdad no la traducción XD) en esta capa se colocara todo lo que uno quiere que pase por encima del personaje.
Ejemplos: Copas de árboles, puentes, parte plantas, columnas, etc.

En la quinta capa iría todo lo referido a lo que son sombras y la sexta y última todo lo que son luces en el juego.

Este script se maneja aparte de por capa se maneja por 4 interruptores y 2 variables.
Los 4 primeros interruptores de tu proyecto tienen que estar dedicados al script al igual que las 2 primeras variables.
Los interruptores y las variables tendrían que estar de esta manera:
[Tienes que estar registrado y conectado para ver esa imagen]

Los interruptores si están activados aparecen las capas, por defecto están activadas, y las variables sirven para tener mas de una imagen por capa.
Esto sirve para poder hacer por ejemplo el efecto de dia y noche cambiando las capas de sombras y luces, o poder hacer en un mismo mapa cambiar la estación del año, hacer 2 capas de ground y parallax, un par dedicado para el verano y otro para el invierno. Y millones de cosas mas.
Las variables sirven con las constantes:
[Tienes que estar registrado y conectado para ver esa imagen]

Esto iría tal cual esta acá, para variar de imagen hay que cambiar la parte que dice constante por la que se requiera de 1 en adelante.
Bueno una vez explicado esto vamos a los pasos básicos para hacer tus mapas.
1-      Muy recomendable es hacer el mapa base de tu mapa, lo que abarca todo lo que son pisos y paredes. Esto en realidad es opcional ya que solo es una guía para poder hacer el mapa en el photoshop.
Ejemplo:
[Tienes que estar registrado y conectado para ver esa imagen]

Para poder conseguir rápido una imagen exacta del mapa les recomiendo usar el script de Map Screnshot, esté saca dese el juego apretando F7 una screnshot del mapa completo no de la pantalla, que es justo lo que necesitas para empezar con el photoshop.
2-Luego de tener el mapa, abrirlo con el photoshop y prepararlo la sección de capas de esta manera:
[Tienes que estar registrado y conectado para ver esa imagen]
Así poder tener bien ordenada las distintas capas que vamos a ir agregando, se puede observar que la capa de personaje no hace falta agregarla y la capara Map Editor es la que dice Capa 1, que sería el fondo de todo el mapa.


 3-Después de esta etapa está en la imaginación de ustedes como decorar todo  su mapa, solo es cuestión de copiar las cosas (ya sean muebles, plantas, etc.) y agregarla al mapa, recuerden para que sirve cada capa.


4-Una vez terminado el mapa hay que extraer cada capa para guardarla en la carpeta de Graphics/Overlay.

Las capas de gorund y paralax seguardan en este formato:
 
Gorund + MapID-1.png 
par + MapID-1.png
Shadow + MapID-1.jpg
Light + MapID-1.jpg
Siendo  ground y par prefijos configurables en el script.
MapID es el ID del mapa que se está trabajando, y el 1 sería la variable: 1, 2,3…. Etc.
 
Cuando vallan a guardar, una forma fácil es apretando en los ojitos que aparecen al lado de cada capa para ocultar o mostrar las capas, si van a guardar la capa ground ocultan toda las demás, menos el fondo para esta capa, y ponen “guardar como”, lo mismo con las demás.
Ahora, las sombras se guardan en color invertido, esto es, hacen toda la sombra como seles canta, a la ahora de guardar ocultan las demás ponen un fondo blanco y buscan una opción para invertir los colores y la guardan en jpg.
Las luces es casi lo mismo pero sin invertirlas, se guardan las luces con un fondo negro.
 
Bueno llegada esta etapa, lo ultimo que tienen que hacer en guardar las imágenes en Graphics/Overlay y correr el juego. Las capas aparecerán pero les faltara poner las prohibiciones de movimiento.
O NO QUE ES ESTO, tranka que es fácil, si lograron hacer todo lo demás, esto lo hacen en un toque.
En el demo va a ver configurado un tileset llamado DIRECCIONES que agregue yo para que puedan hacer esto mas rápido.

Primero se guardan una imagen del ground y el fondo, ósea, todo lo que el jugador interactúa, está la guarda en .png en la carpeta Grphics/Parallaxes, no importa lo que pasa por encima porque en un tema de movimiento el jugador pasa libremente por ahí.

Luego en el editor de rpg vas al mapa y con clic derecho presionan “propiedades de mapa”
[Tienes que estar registrado y conectado para ver esa imagen]

Lo que nos importa es la sección de Panorama, van a tildar la opción como en la imagen y en gráficos van a seleccionar la imagen recién guardada del mapa, con ello logramos q en el editor se vea la imagen y así poder agregar las prohibiciones de movimiento.

Deberia quedar masomenos asi ya con las prohibiciones:
[Tienes que estar registrado y conectado para ver esa imagen]

Links demo Overlay y Map Screnshot . Los script no son míos yo solo los traduje y los subí a mediafire para compartirlos acá, agradezcan a ellos que fueron los que lo hicieron (nombres en el script XD) :

[Tienes que estar registrado y conectado para ver este vínculo]


Bueno este tuto llega a su fin espero que les haya gustado, cualquier cosa me mandan un msj y les contesto, un abrazo!

Emmm... usas también mi tileset dedicado al parallax... según veo has visto mis vídeos de youtube, porque solo ahí he puesto ese tileset de las flechas y cuadros rojos y azules para indicar las pasabilidades del parallax.

la verdad que no sabia que el dueño del tileset iba a estar en el foro XD, no agradeci por el tileset porque no comparti los videos, pero si es verdad vi los videos y me ayudaron bastante !

Debo de felicitarte, pues lo que yo hice en quien sabe cuantos videotutoriales tu lo lograste expresar en un muy buen resumen, con todo lo esencial, lo cual debo de remarcar es magnifico.

Para todo nuevo usuario que desea introducirse en el Parallax Mapping, esta guía resumida es esencial, sin embargo si requiere que el usuario tenga conocimientos del programa de diseño gráfico, usualmente Photoshop para lograr trabajar con el tutorial expresado.

El tutorial no abarca el como editar elementos, lo cual eso ya depende de cada mapeador el como desea cambiar sus elementos, por ejemplo cambiar el color de una pared o una silla, eso depende de la persona, lo cual es otro asunto aparte, el parallax mapping lo esencial consta de crear mapas con los elementos de diversos tilesets sin tener grandes restricciones, pues se puede combinar todo a la vez y dejar un acabado mucho mejor, más llamativo, con cierto desorden, caos, pero que lo hace ver un mapa más natural y acertado al mundo real.

Digo lo mismo que drack, aun así felicidades.
Este tuto de Parallax les sera de mucha ayuda a muchos usuarios que quieran mapear con parallax :DD
Un saludo.