Tutorial de juego Plataformero

Agregar Objetos

Aquí tienes las imágenes de las plataformas - guárdalas en tu computador (hazles click derecho encima y guárdalas en la carpeta de tu proyecto).









Ahora selecciona el layer Plataformas en la barra de layers. De ese modo, cuando agreguemos objetos van a quedar sobre esa capa.

Necesitamos agregar Sprites a nuestro juego. ¿Recuerdas como hacerlo de la manera rápida?
Desde un explorador de archivos de windows arrastra cada imagen hasta el layout. Inmediatamente se crea un Sprite con el nombre del archivo.

Agrega los 6 sprites, cada uno con las imágenes de arriba.

Debería verse así al terminar:


Vamos a agregar un enemigo (slime o babosa).
La lógica es la siguiente, si el personaje toca al enemigo por el lado, hace un flash (la imagen desaparece momentáneamente) y te mata.
Si el personaje toca al enemigo por arriba, lo mata.

Para hacer que el personaje haga el flash, selecciona el alien en la barra de objetos. Clic derecho en alien y elije Behaviour. Agrega el comportamiento Flash.

Ahora selecciona la pestaña de eventos (Event sheet 1) y agrega un nuevo evento.
Elije al alien luego On collision with another object, luego elije el objeto slime. Si te fijas, este evento sucede cuando el personaje choca con el enemigo. Pero necesitamos diferenciar cuando es por el lado y cuando es por arriba. Por esto necesitamos crear 2 sub-eventos.
Haz clic derecho en la flecha verde a la izquierda del evento que recién creaste. Luego en Add y luego en Add sub-event.


Al evento recién creado falta crearle una acción. Pero antes de eso necesitamos crear Haz clic en Add action al lado del evento.
Elije alien luego Is falling. Con esto detectamos que el personaje está cayendo y tocando al enemigo, pero nos falta detectar que realmente esté arriba.
Haz clic sobre Is falling y elije Add another condition.


Elije el alien, luego Compare Y. Luego elije < Less Than y en la coordenada pon slime.Y

¿Por qué menor que la posición del enemigo, si debe estar arriba?
Por que el eje Y crece hacia abajo en Construct. Así que si la coordenada Y del personaje es menor que la del enemigo, está por arriba.

Ahora vamos a agregar una acción a este sub-evento. Haz clic sobre el Add action que está a la derecha de Platform is falling.
Elije slime y luego Destroy.
Vamos a agregar otra acción a ese sub-eevento. Haz clic sobre el Add action que debajo de slime | Destroy. Elije alien, luego Set vector Y y en el valor escribe -700.
Set vector Y lo que hace es que define la velocidad vertical del movimiento, como la coordenada Y crece hacia abajo, al darle -700 hacemos que suba.  Puedes probar con otros valores, la idea es que se pegue un pequeño saltito después de saltar sobre el enemigo.


Nos falta hacer el otro caso, cuando el personaje toca al enemigo por el lado. Podemos hacerlo definiendo que ese evento sucede cuando NO sucede el evento que acabamos de hacer.
Haz clic en la parte de adelante del sub-evento que acabas de crear (donde indica la flecha en la imagen de abajo). Luego en Add y después en Add 'Else'.

Muy bien, este sub-evento va a ejecutarse cuando el personaje choque con el enemigo y cuando no se ejecute el otro evento (es decir cuando el personaje cae por encima del enemigo).
Agrega una accion a este nuevo sub-evento, elije alien y luego Flash. Deja los valores por defecto. Luego agrega otra acción al mismo sub-evento. Elije System y luego Wait, dale 1 segundo. Finalmente agrega una acción más. Elije System y luego Restart layout.


Para probar lo que acabas de hacer, haz clic en la pestaña de layout. Pon el enemigo slime sobre una plataforma cerca del personaje alien. Haz correr el juego y prueba a ver qué sucede cuando tocas al slime por el lado y por arriba.

Si quieres hacer que el enemigo se mueva, prueba a agregar el comportamiento Sine (el mismo de las platafromas que se mueven). Haz clic derecho sobre slime en la barra de objetos y luego Behaviour, luego elije Sine. Puedes cambiar en sus propiedades Period Offset para que no se mueva coordinado con las plataformas móviles.

Recuerda que puedes poner más enemigos en el layout presionando CTRL y luego arrastrando el slime a otra posición. Para que quede pegado a la plataforma, tendrás que desactivar la opción Snap to grid en el menú View.

Una manera alternativa de hacer mover los enemigos es la que se muestra en la página 7 de este tutorial, pero es más compleja (y en inglés). Básicamente lo hace es agregarle comportamiento Platform al slime, luego poner unos marcadores invisibles al final de cada plataforma y que cuando el enemigo los toque se den vuelta.

Vamos a repetir parte de lo que hicimos con el objeto spikes (puntas).
En este caso queremos que cada vez que el personaje toque los spikes, se muera, indepediente de si fue por arriba o por el lado.

Fíjate que se agrega la variable global arriba de la página de eventos.
Ahora necesitamos agregar otro evento: Alien, luego On collision with y finalmente elije coin. Luego en las acciones agrega: coin y luego Destroy.
Y agrega otra más: System, luego Add to, y el cuadro debería estar seleccionada Puntaje. Pon 10 en Value.
Ahora necesitamos mostrar el puntaje en alguna parte.
Haz doble clic en el layout para agregar un nuevo objeto. Elije Text. Posiciónalo en la esquina superior derecha. Cambiale el nombre haciendole clic derecho en la barra de objeto y luego elije Rename. Ponle TextoPuntaje de nombre.
Ahora en las propiedades cambia el Font a Arial 14 y el Text a Puntaje: 0.
Necesitamos achicar el otro texto (el que tiene las instrucciones) para dejarle espacio al nuevo. Achicale el Font también a Arial 14 y achica su tamaño para que te queden más o menos así.



Ahora necesitamos que de alguna manera se vaya actualizando el texto.
Agrega un nuevo evento: System y luego Every tick (un tick sucede cada vez que se vuelve a pintar la pantalla del computador con tu juego, o sea, siempre). Agrega la acción Text y luego Set text. Escribe "Puntaje: " & Puntaje.

Usando el operador & podemos unir un texto al valor de una variable. La primera parte "Puntaje:" significa que el texto siempre se iniciará con la frase Puntaje:. La segunda parte & Puntaje es el valor de la variable global Puntaje. El & une ambos fragmentos de texto en la misma linea.

A esta altura todos tus eventos deberían verse así: