De Whack a Hack Wiki!
El mapa de la región es un elemento vital tanto en la mecánica del juego (Vuelo, Pokédex, etc.) como en la historia y trama (localización). Muchos desarrolladores recomiendan tener clara esta parte del juego en primer lugar antes de comenzar con otras tareas.
En este tutorial vamos a mostrar cómo diseñar una región desde cero en juegos de la tercera generación (Rojo Fuego, Verde Hoja, Rubí, Zafiro y Esmeralda). Puesto que se trata únicamente del diseño, sirve para cualquier base basada en GBA.
Sumario
Herramientas necesarias
- Un editor de imágenes por capas (Aseprite, Libresprite, Adobe Photoshop, GIMP... Es recomendado usar Aseprite o Libresprite por su facilidad a la hora de trabajar con píxeles.
- Un creador de tilemaps (Tilemap Studio, NTME...)
Rubí, Zafiro y Esmeralda
Estos juegos usan un mapa de región que soporta 256 colores y un tamaño de 240 px de ancho y 160 px de alto.
Colores y paletas
En el caso de estas versiones se utiliza la paleta del fondo entera (256 colores), no obstante, realmente solo se pueden editar dos paletas de 16 colores (15 más el fondo), como se puede apreciar en la imagen. Además, en la primera se debe tener cuidado con el color número 5, el cuál no se muestra bien si se utiliza. En este caso, las paletas son flexibles y se pueden usar todos los colores que aparecen en la paleta.
Tiles, Tileset y Tilemap
Se usan tiles de 8x8 píxeles que serán las partes que compongan el mapa. Cada tile solamente puede tener cualquier color de la paleta fondo, pero la recomendación es usar solo los editables en la medida de lo posible.
Un tileset es el conjunto de tiles disponibles para crear nuestro mapa. El tileset original contiene 128 tiles, el máximo de tiles disponibles deberá ser cercano a este valor, pues un exceso de tiles puede saturar la RAM de la consola.
El tilemap deberá tener un tamaño de 64 tiles de ancho y 64 de alto. No permite voltear los tiles.
Medidas del mapa
En estos juegos el mapa mide 240x160 píxeles, el cual ocupa toda la pantalla. Además, depende de por dónde accedamos a él, los carteles taparán más o menos.
El procedimiento para estas versiones será dibujar el mapa a pantalla completa, teniendo en cuenta las zonas anteriormente explicadas:
- El cursor (la marca que indica dónde estás) sólo pasará por la zona verde y por parte de las zonas naranja, roja y marrón.
- La zona roja nunca se verá, pues encima siempre hay algún cartel, por lo tanto, no hace falta dibujar ningún detalle en ella.
- Las zonas naranja y marrón indican que en algún momento va a haber parte de un cartel que va a impedir ver lo que hay debajo, por lo tanto, ahí no debe ir ningún lugar importante, ciudad, pueblo o ruta. No obstante, como se podrá ver en algún momento, no sería mala idea dejar algún detalle (isla pequeña, laguna, etc.)
Rojo Fuego y Verde Hoja
Estos juegos usan un mapa de región basado en cinco paletas y un tamaño de 208 px de ancho y 144 px de alto.
Colores y paletas
Esta versión usa cinco paletas de 16 colores (15 más el fondo):
En el fondo:
- El terreno, el agua y las rutas.
- Los iconos de ciudades.
- La decoración de los bordes.
- Los botones de cerrar y cambiar de mapa.
En objetos:
- Los iconos de cuevas o bosques.
En esta base, no se pueden juntar colores de paletas distintas por tile, es decir, cada tile deberá tener una paleta asignada y solo podrá contenter los colores de dicha paleta.
Tiles, Tileset y Tilemap
Se usan tiles de 8x8 píxeles que serán las partes que compongan el mapa. Cabe recordar que cada tile solamente puede tener colores de una sola paleta, porque si se mezclan colores de paletas distintas en el mismo tile, los colores que no sean de la paleta que se ha asignado al tile aparecerán de otro color.
Un tileset es el conjunto de tiles disponibles para crear nuestro mapa. El tileset original contiene 320 tiles, el máximo de tiles disponibles deberá ser cercano a este valor, pues un exceso de tiles puede saturar la RAM de la consola.
El tilemap deberá tener un tamaño de 30 tiles de ancho y 20 de alto y permite voltear vertical y horizontalmente los tiles, permitiendo aprovecharlos mejor.
Medidas del mapa
Como podemos observar en la siguiente imagen, en este caso el mapa no ocupa toda la pantalla, ya que en la parte superior tiene una banda azul y a los lados una decoración.
Para este caso, el mapa que dibujaremos será de 208x144 píxeles y lo situaremos centrado debajo de la banda azul.
Cómo ya se ha explicado en el gráfico superior, la zona azul debe quedar vacía, rellena del color transparente, en el caso del mapa original, ese color azul. Las demás zonas tienen su explicación también:
- La zona roja es la del cartel que indica el lugar. Es mala idea poner alguna ruta, pueblo o ciudad en esta zona. No obstante, es parte del mapa y tendrás que decorarla.
- La zona amarilla es por donde el cursor ya no pasará, así que en ningún caso pongas algún lugar importante aquí.
- La zona verde, como en RZE, es la más segura para hacer la región.
- La zona azul celeste indica los bordes de los botones de cerrar y cambiar mapas. No necesariamente tiene que pasar nada por usarla para rutas o ciudades, pero no es recomendado.
- Finalmente, la zona morada son los botones en sí. El botón de cerrar es imprescindible, pero el de cambiar mapas es opcional.