Tutorial para crear botones en tu juego

Hola a todos. Quería empezar la sección de Tutoriales Game Maker Studio con un juego completo, pero vamos a hacer un tutorial sencillo. Crearemos un par de botones que mostramos en nuestro juego, muy útil como pad para nuestros juegos móviles, o para crear una opción de menú. El ejemplo está pensado para el pad mencionado, pero es fácilmente usable en otros ejemplos.

Primeros pasos: crear proyecto de Game Maker y añadir recursos

Creamos un proyecto nuevo, yo lo he llamado Example Button. Ahora añadimos un sprite, que será uno de los botones. El mío tiene este aspecto:

La primera imagen corresponde con el botón que mostraremos siempre por pantalla, y la segunda cuando lo pulsamos. Lo ponemos todo dentro de un mismo sprite, y haremos la gestión para que no tenga animación y cambie en el momento que nos interese.
Lo he llamado spr_button_left. También he creado un sprite parecido para spr_button_right.

Crear objeto de mi botón

Ahora crearemos un objeto nuevo. Lo llamamos obj_button_left, y le asociamos el sprite spr_button_left. Le añadimos un evento Create. En él arrastramos la acción Set Variable. En variable ponemos image_speed, y en value ponemos 0. Con esto hacemos que el sprite no tenga movimiento.
Ahora añadimos otro evento, el evento Key Press, eligiendo la tecla . Volvemos a añadir una acción Set Variable. En variable ponemos image_index, y en value, ponemos 1.
Ahora añadimos otro evento, el evento Key Release, eligiendo también la tecla . La acción será la misma que el evento anterior, pero en value ponemos 0.
Utilizando las variables del objeto de sprites, hemos controlado su velocidad y las subimágenes que tiene, mostrando la que nos interesa en todo momento.

¿Porqué utilizamos eventos de teclado para un botón?

Usamos eventos de teclado en un botón porque es lo aconsejable si hacemos un juego para dispositivos móviles. Para un botón de menú podemos elegir los eventos de mouse, pero si queremos usar botones para mover nuestro personaje, la respuesta de un evento de mouse es unpoco lenta. Así que el objeto de botón que estamos creando no sirve para mover nuestro personaje, sólo servirá para enseñarlo.
Tal y como hemos programado nuestro objeto antes, podemos sustituir los eventos por Mouse – Left pressed y Mouse – Left Released y funcionaría perfectamente.

Añadir los objetos a la room y probar

He creado también un objeto obj_button_right, que hace exactamente lo mismo pero con la tecla de flecha .
Ahora creamos una room nueva, desde Resources – Create Room. Le ponemos un tamaño de 800×480, pero podéis elegir una acorde con el tamaño de los botones, y añadimos los dos objetos creados. Podemos ejecutar el proyecto y comprobar que al pulsar las teclas se resaltan los botones.

Como quedan los botones en la room

Últimas opciones, consejos y final

Para finalizar, aconsejo que estos botones tengan una profundidad muy baja para que siempre esté por encima de todos los objetos que creamos. Yo pondría en Depth un valor de -1000.
También aconsejo poner botones semitransparentes, aunque depende del tipo de juego que creemos. Para un juego de plataformas quizá interesa mostrar nuestro juego y que los botones sean un poco translúcidos para no ocultar lo que tenemos detrás.
He creado un proyecto con el tutorial que os he enseñado, que podéis descargar desde aquí. Recordad que los ficheros GMZ se tienen que importar como un proyecto entero. Podéis hacerlo desde la ventana inicial, en la pestaña Import, o una vez dentro del programa, en la opción de menú File – Import Project.
¿Qué os ha parecido el primer tutorial? En el próximo tutorial, enlazaremos con éste para crear Virtual Keys, muy utilizadas para juegos de móvil. Todas las dudas podéis preguntar en los comentarios.