Tutorial 6 - Animació amb ActionScript 3.0

Pas 8 de 19

Ara ens queda especificar les accions que volem que executi aquesta funció. Tot el contingut d'una funció s'escriu entre claus, així que per a assegurar-nos que no se'ns obliden, és convenient escriure primer les claus, i després passar a escriure entre elles les diferents instruccions.

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

Les dues barres que hem afegit en el codi anterior abans de your code here, indiquen que és un comentari d'una sola línia. Podem afegir els comentaris que vulguem en el nostre codi, ja que no s'executaran. En comentaris de diverses línies utilitzarem /* i */ per a delimitar el text que volem que sigui un comentari.

Els comentaris poden ser molt útils no solament per a afegir informació, sinó també per a fer que algunes línies del codi no s'executin temporalment, la qual cosa ens ajudarà a comprovar el funcionament del nostre codi.

Provem d'escriure el codi següent:

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

La funció trace mostrarà en un panell anomenat Salida el que hi hagi dins del parèntesi. Si escrivim entre cometes el contingut del trace, en el panell Salida es mostrarà exactament la frase que hàgim escrit. Les cometes permeten escriure cadenes de caràcters, i les veurem de color verd en el panell Acciones.

Les dades que apareguin en aquest panell no les veurà l'usuari final, però sí quan provem la pel·lícula. Si apareix aquesta frase, vol dir que aquesta línia de codi s'està executant correctament.

Recapitulem: hem afegit al núvol un detector de l'esdeveniment de prémer el núvol amb el ratolí, i quan aquest esdeveniment es detecti, s'executarà la funció drag, que té la instrucció de mostrar en el panell Salida la frase I'm clicking on the cloud.

Provem la pel·lícula amb Control > Probar película i fem clic sobre el núvol per a comprovar el funcionament del nostre codi.