Está en la página 1de 8

ESCUELA ESPECIALIZADA EN INGENIERIA DEPARTAMENTO DE COMPUTACION Modulo: Animacin de sitios web

Docentes: Lic. Vladimir Aguilar; Tc. Daniel Enrique Sorto; Tc. Elsy Villalobos Objetivos: -Manejar eventos en objetos, a travs de ActionScript 3.0 - Crear instancias y manejarlas por medio de controles multimedia

Adobe ActionScript es el lenguaje de programacin de la Plataforma Adobe Flash. Originalmente desarrollado como una forma para que los desarrolladores programen de forma ms interactiva. La programacin con ActionScript permite mucha ms eficiencia en las aplicaciones de la plataforma Flash para construir animaciones de todo tipo, desde simples a complejas, ricas en datos e interfaces interactivas. La versin ms extendida actualmente es ActionScript 3.0, que signific una mejora en el manejo de programacin orientada a objetos al ajustarse mejor al estndar ECMA-262 y es utilizada en las ltimas versiones de Adobe Flash y Flex y en anteriores versiones de Flex. Desde la versin 2 de Flex viene incluido ActionScript 3, el cual mejora su rendimiento en comparacin de sus antecesores, adems de incluir nuevas caractersticas como el uso de expresiones regulares y nuevas formas de empaquetar las clases.

Creacin de eventos con actionScript 3.0 Estructura bsica de un evento. Un Listener es un objeto creado dinmicamente por cdigo que se utiliza para detectar eventos. Por ejemplo, podemos detectar si el usuario a presionado una tecla del teclado, un movimiento del mouse o si ha redimensionado el tamao de la ventana. Cuando se dispara un evento hay un listener que es el elemento que est pendiente siempre de cundo se va disparar el evento para realizar el llamado a una funcin especfica.

Al ejecutarse un evento, en este caso el despertador, hay otro objeto que escucha y luego ejecuta una funcin. Ejemplo de estructura implementando un Listener:

Disear los siguientes elementos en una pelcula de flash.

1. 2. 3. 4.

Crear el clic de pelcula (movieClick) llamado patricio. Crear el botn izquierda se encargar que patricio se mueva a la izquierda. Crear el botn derecha el cual mover a patricio a la derecha. Una vez creada la instancia patricio debemos de colocar el nombre en la instancia que ser patricioderecha, para ello seleccionamos el men ventana, propiedades.

Colocar el nombre patricioderecha como se muestra en la imagen

5. Colocar el nombre a los botones derechos e izquierdos, para identificar los botones como instancias. Al botn de la derecha lo llamaremos derecha, y al de la izquierda izquierda. 6. Agregar 3 capas como se muestra en la imagen.

La capa pelcula tendr a patricio y los botones derecha e izquierda. La capa alto tendr un stop() para que no avance la pelcula. La capa eventos ser sobre la cual programaremos. 7. Seleccionar la capa eventos dar click derecho sobre el fotograma clave y seleccionar Acciones.

8. Agregaremos el cdigo actionScript necesario para hacer que patricio se desplace a la derecha.

En este caso cuando presionemos click sobre el botn derecha llamara a la funcin goderecha, esta funcin tiene programado para que patricioderecha se mueva a la derecha, para ello incrementamos el valor de x en 10. 9. Mover a patricio a la izquierda

Como observamos al dar click sobre los botones podemos observar el movimiento pero el movimiento hacia la izquierda no se ve muy real. Para corregir este error crearemos otro clic de pelcula con patricio viendo hacia la izquierda y le colocaremos el nombre de patricioizquierda. 10. Lo que haremos ser que al presionar el botn derecha aparecer patricioderecha y desaparece patricioizquierda, al presionar el botn izquierda aparecer patricioizquierda y desaparece patricioderecha.

Como podemos observar el movimiento todava presenta deficiencias ya que patricio aparece y desarece en diferentes lugares de la escena.

11. El cdigo quedar de la siguiente manera.

Como se puede observar el movimiento es un poco ms real. INSERTAR ESCENAS. 12. Dar clic en insertar, elegimos escena.

13. En la nueva escena agregaremos 3 capas. Una capa para navegar entre escenas otra capa para colocar a bob esponja con 2 botones. Otra capa para colocar la programacin de actionScript.

Cuando presionemos la flecha cursora abajo, bob esponja ser pequeo y cuando presionemos la flecha cursora arriba bob esponja se har grande. Colocaremos el nombre de instancia a los botones. - Flecha cursora arriba bobbig Procederemos a programar en la capa que hemos agregado para tal accin. 14. Cdigo actionScript.

Agregar otra escena y darle el siguiente aspecto.

Crear el cdigo necesario para su funcionamiento.

También podría gustarte