Tutorial 9 - Creación de un juego (I)

Paso 15 de 26

Este nuevo condicional, escrito también dentro de la función moveSpacecraft, quedará de la siguiente manera (las barras verticales ||, que se escriben con AltGr + 1, equivalen al OR lógico):

if (e.target.x < 0 || e.target.x > 550 || e.target.y < 0 || e.target.y > 400) 
{
    trace("I'm outside the stage. I lost.");
}

Probamos la película para comprobar su correcto funcionamiento. La nave se desplazará por el escenario dependiendo de las flechas que pulsemos en el teclado. Si llegamos al planeta, aparecerá la frase de que hemos ganado en el panel Salida, y si estamos fuera de los límites del escenario, aparecerá la frase de que hemos perdido.

Ahora el juego comienza directamente, pero sería adecuado disponer de una pantalla previa con las instrucciones del juego, y que al llegar al planeta (ganar) o salirnos del escenario (perder) se mostrara una pantalla diferente y el juego terminara, dando opción a volver a jugar.

Vamos por tanto a crear cuatro fotogramas diferentes:

  • Un fotograma inicial con dos botones, uno con las instrucciones del juego y otro para comenzar a jugar.
  • Un segundo fotograma en el que se desarrollará el juego.
  • Un tercer fotograma indicando que hemos ganado.
  • Un último fotograma indicando que hemos perdido.

Estos dos últimos fotogramas tendrán un botón para volver a jugar.

Insertamos una nueva capa a la que llamaremos labels. Insertamos fotogramas clave en los fotogramas 2, 3 y 4. Podemos crear estos fotogramas clave fácilmente si hacemos clic sobre cada fotograma y pulsamos la tecla F6.