Advertisement
  1. Code
  2. Games

Consejo rápido: Fácil movimiento de personajes AS3 con KeyObject.as

Scroll to top
Read Time: 3 min

Spanish (Español) translation by Marilu (you can also view the original English article)

En este tutorial presentaré una clase de Senocular.com que permite el movimiento fácil de los personajes del juego con un código mínimo.


Avance del resultado final

En el SWF verás una nave espacial; usa las teclas de flecha izquierda, derecha, arriba y abajo para moverla.


Paso 1: Explicación de KeyObject.as

Cuando salió ActionScript 3.0 perdimos la funcionalidad del método Key.isDown() de AS2. Senocular ha codificado una pequeña gran clase que nos permitirá emular esta funcionalidad dentro de actionscript 3 y eso es lo que veremos en el tutorial.


Paso 2: Establecer el proyecto

Ve a File (Archivo) > New (Nuevo) y crea un nuevo documento de Actionscript 3.0, con las siguientes propiedades:

  • Tamaño: 550 * 400
  • Color de fondo: Blanco
  • FPS: 24

Guarda este archivo como "KeyObject.fla"


Paso 3: Descargar KeyObject.as

Antes de que podamos codificar nuestra aplicación necesitamos obtener el archivo "KeyObject.as", así que dirígete a Senocular.com. En el menú de Flash, haz clic en Actionscript. Una vez allí, querrás ir a "KeyObject.as" y descargarlo. Llega allí yendo a Actionscript 3.0 > com > senocular > utils.

KeyObject Flash tutorial for AS3

Puedes hacer clic con el botón derecho del ratón en el enlace de descarga y guardarlo como "KeyObject.as".

Una vez que hayas hecho esto, tienes que quitar com.senocular.utils justo después de la declaración del paquete en el archivo, ya que no estamos usando la ruta de clase com.senocular.

Cambia esto:

A esto:


Paso 4: Importar el gráfico del jugador

En los archivos de descarga hay una imagen de la nave espacial llamada player.png. En Flash, importa esto al escenario, yendo a File (Archivo) > Import (Importar) > Import To Stage (Importar al escenario). Haz clic con el botón derecho del ratón y elige "Convert To Symbol (Convertir a símbolo)", dale el nombre de símbolo "player (jugador)", y asegúrate de que el punto de registro está situado en la parte superior izquierda. Ahora dale el nombre de instancia de "player (jugador)" también.

KeyObject Flash tutorial for AS3KeyObject Flash tutorial for AS3KeyObject Flash tutorial for AS3
KeyObject Flash tutorial for AS3

Paso 5: Establecer la clase principal

Ve a File (Archivo) > New (Nuevo) y elige ActionScript File (Archivo ActionScript).

KeyObject Flash tutorial for AS3

Guarda esto como Main.as y ponlo como tu Document Class (clase de documento) dentro de "KeyObject.fla".

A continuación añade el siguiente código a "Main.as":

Aquí preparamos nuestro paquete e importamos las clases que usaremos. A continuación configuramos la variable key como tipo KeyObject, y dentro de nuestro constructor Main añadimos un ADDED_TO_STAGE Event Listener. Se llama así cuando la película está completamente cargada y el escenario está listo.

Dentro de la función setupKeyObject, establecemos que la variable key sea una nueva instancia de la clase KeyObject y añadimos un Event Listener (Escuchador de Eventos) ENTER_FRAME al escenario.

Dentro de la función movePlayer comprobamos qué tecla se está pulsando con key.isDown() y movemos nuestro jugador en consecuencia.

Finalmente, comprobamos si el objeto se ha movido fuera de los límites del escenario, y si lo ha hecho lo volvemos a poner justo dentro del escenario.


Conclusión

¡Usar la clase KeyObject de Senocular hace que sea muy sencillo mover a los personajes del juego! Espero que este tutorial te haya ayudado; gracias por leerlo.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.