Tutorial 6 - Animación con ActionScript 3.0

Paso 8 de 19

Ahora nos queda especificar las acciones que queremos que ejecute esta función. Todo el contenido de una función se escribe entre llaves, así que para asegurarnos de que no se nos olvidan, es conveniente escribir primero las llaves, y pasar después a escribir entre ellas las distintas instrucciones.

function drag(e:MouseEvent):void
{
    //your code here
}

Las dos barras que hemos añadido en el código anterior antes de your code here, indican que se trata de un comentario de una sola línea. Podemos añadir los comentarios que queramos en nuestro código, ya que no se ejecutarán. Para comentarios de varias líneas utilizaremos /* y */ para delimitar el texto que queremos que sea un comentario.

Los comentarios pueden ser muy útiles no sólo para añadir información, sino también para hacer que algunas líneas del código no se ejecuten temporalmente, lo cual nos ayudará a comprobar el funcionamiento de nuestro código.

Probemos a escribir la función con el código siguiente:

function drag(e:MouseEvent):void
{
    trace("I'm clicking on the cloud");
}

La función trace mostrará en un panel llamado Salida lo que se encuentre dentro del paréntesis. Si escribimos entre comillas el contenido del trace, en el panel Salida se mostrará exactamente la frase que hayamos escrito. Las comillas permiten escribir cadenas de caracteres, y las veremos en color verde en el panel Acciones.

Los datos que aparezcan en este panel no los verá el usuario final, pero sí cuando probemos la película. Si aparece esa frase quiere decir que esa línea de código se está ejecutando.

Recapitulando: hemos añadido a la nube un detector del evento de pulsar sobre ella con el ratón, y cuando ese evento sea detectado, se ejecutará la función drag, que tiene la instrucción de mostrar en el panel Salida la frase I'm clicking on the cloud.

Probamos película con Control > Probar película y hacemos clic sobre la nube para comprobar el funcionamiento de nuestro código.