MAMEWAH: Mostrar los menús y mensajes de un modo diferente

El tutorial necesita ser actualizado para la versión 1.62 de MAMEWAH

0. Introducción

Ya vimos en el tutorial de creación de layouts de MAMEWAH cómo personalizar el entorno gráfico, incluídos los menús y mensajes del programa. Dichos menús y mensajes, por defecto, se muestran centrados en pantalla y con un borde negro de 1 pixel a su alrededor.

Sin embargo, con un pequeño truco, podemos mostrar los menús diréctamente sobre el fondo del layout, al menos en apariencia, claro

1. Pasos a seguir

Para este ejemplo, vamos a hacer algo sencillo y partimos del layout de 'Super Mario World' que ya hemos usado en otros tutoriales. Naturalmente, todo lo que se explica en este tutorial se puede hacer en un nuevo layout empezado desde cero.

1.1. PASO UNO - Creación de las imágenes de fondo

Para no complicarme mucho la vida, en este layout vamos a hacer unas modificaciones muy sencillas. Para el fondo de la ventana de opciones, convertiremos el fondo original a blanco y negro y para el fondo de la ventana de mensajes, mataremos a las tortugas y pondremos a Mario en otra actitud:

Hay un aspecto con el que debemos tener especial cuidado para que todo quede perfecto: MAMEWAH añade al menú de opciones y a la ventana de mensajes un borde negro de 1 pixel de grosor. En este ejemplo, el layout es de 640x480 pixels. Así que:

• Las imágenes para el menú de opciones y ventana de mensajes deben medir 640 - 2 = 638 pixels de ancho y 480 - 2 = 478 pixels de alto. Es decir, que a la imagen de partida le recortaremos un pixel por el contorno.
• MAMEWAH les pondrá a dichas imágenes el borde negro de 1px; para que no se note su aparición al aparecer la ventana de opciones o la de mensajes, pondremos un borde interior negro de 1px a la imagen de fondo 'main'. Esto lo haremos con el programa de dibujo que queramos.

1.2. PASO DOS - Modificación del 'layout'

El proceso completo ya esté explicado en el tutorial de creación de un 'layout'. Recordemos que el ancho y alto que debemos fijar en el editor de 'layouts' de MAMEWAH para el menú de opciones y ventana de mensajes serán los totales, 640 y 480 respectívamente.

Ahora colocaremos los elementos del menú de opciones y de la ventana de mensajes en nuestras imágenes de fondo. Lo lógico es que el diseño del menú de opciones (tipo de fuente, color, color del elemento seleccionado, etc...) sea lo más parecido al del listado de juegos.

2. Resultado final

3. Conclusión

Hemos visto como es muy fácil cambiar el modo de mostrar los menús y ventana de información de MAMEWAH. Aunque en el ejemplo no se ha hecho grandes cambios a la imagen de fondo, no estamos limitados a realizar ningún tipo de modificación. Con un poco de imaginación y trabajo, podremos conseguir resultados muy espectaculares.

Macarro