Pra ctica Dirigida 10 (Fragmentos de cdigo)

Carpeta Animacin
1.

Facultad de Ciencias de la Comunicacin, Curso: Taller de animacin Lic. Mario Quiroz

Universidad Tecnolgica del Per

OBJETIVO: Realizar animaciones utilizando el panel de Fragmentos de cdigo de AccionScript, as como tambin manipular cdigos, animacin con interpolacin de forma utilizando correctamente la lnea de tiempo.

Mover flechas del teclado

Abrimos el archivo Prctica 10a.fla, seguidamente vamos al panel de Fragmentos de cdigo (Ventana>Fragmentos de cdigo)

2.

Buscamos en la carpeta Animacin la funcin: Mover con flechas del teclado.

3.

Insertamos en la capa Mosca el clip de pelcula (mosca_volando) del Panel Biblioteca

4.

Seleccionando el clip de pelcula en la escena, le damos doble clip al panel de Fragmento de cdigo la orden: Mover con flechas del teclado. Aparecer un cuadro de dialogo en donde escribir el nombre de la instancia: mosca_volando_teclado y Aceptar.

Facultad de Ciencias de la Comunicacin, Curso: Taller de animacin Lic. Mario Quiroz

Universidad Tecnolgica del Per

5.

Saldr el panel de Acciones en donde se encontrar el script (cdigo)

6.

Presione Control+Enter y presione las teclas flechas: arriba, abajo, izquierda y derecha y la mosca se desplazar.

7.

Para aumentar o reducir la cantidad de movimiento, reemplace el nmero 5 (observe que el nmero 5 aparece cuatro veces en el cdigo) siguiente por el nmero de pxeles que quiere que se mueva la instancia cada vez que pulse una tecla. Cmbielo por valores 10, 30, 15, 20

8.

Presione Control + Enter y revise el desplazamiento la velocidad de la mosca con las flechas del teclado.

Facultad de Ciencias de la Comunicacin, Curso: Taller de animacin Lic. Mario Quiroz

Universidad Tecnolgica del Per

Animar horizontalmente
9. Abra el archivo Prctica 10b.fla.

10. Seleccione el avin de lado izquierdo de la pantalla y vaya al panel de Fragmentos de cdigo y dele doble clic horizontalmente

en Animar

11. Se abrir el cuadro de dialogo para crear una nueva instancia, para el clip de pelcula al cual llamaremos: avin_1

12. Aparecer el panel de Accin en donde estar el script.

Facultad de Ciencias de la Comunicacin, Curso: Taller de animacin Lic. Mario Quiroz

Universidad Tecnolgica del Per

13. Pruebe la pelcula Ctrl+Enter y el avin se desplazar de izquierda a derecha.

14. Para modificar la velocidad a la que se mueve la instancia del smbolo, cambie el nmero 10 por 50 en el cdigo en el panel Accin

15. Pruebe la pelcula (Ctrl+Enter) y observar como como la velocidad se ha incrementado.

16. Guarde el archivo con el nombre Practica 10b_nombre y apellido 17. Ahora aplique el mismo principio de desplazamiento del avin de lado derecho, pero el valor se indicar en forma negativo (Para modificar la direccin de la animacin hacia la izquierda, cambie el nmero 10 siguiente por un valor negativo, por ejemplo -50.)

Facultad de Ciencias de la Comunicacin, Curso: Taller de animacin Lic. Mario Quiroz

Universidad Tecnolgica del Per

Animar verticalmente
18. Ahora seleccione al Paracaidista y vuelva al panel de Fragmentos de cdigo y seleccionaremos ahora la orden Animar verticalmente (La direccin predeterminada de la animacin es hacia abajo). Aceptando la advertencia automticamente crear un clip de pelcula y la instancia con un nombre por defecto (movieClip_2).

19. Pruebe la animacin (Ctrl+Enter) 20. Para modificar la velocidad a la que se mueve la instancia del smbolo, cambie el nmero 10 siguiente por el nmero 5 y vera como la cada del objeto se hace ms lento.

21. Pruebe la animacin (Ctrl+Enter)

Facultad de Ciencias de la Comunicacin, Curso: Taller de animacin Lic. Mario Quiroz

Universidad Tecnolgica del Per

Carpeta Cargar y descargar

22. Abrimos el archivo Practica 10c y e insertamos un botn, utilizaremos el panel de Bibliotecas comunes

23. Crearemos una nueva capa con el nombre de Botn de pez

24. Elegimos cualquier botn del panel de Biblioteca externa y lo arrastramos en la parte inferior de la escena, como se aprecia en la figura.

25. De nuevo vamos al panel de Fragmentos de cdigo, le damos doble clic sobre la orden: Hacer clic para cargar/descargar archivo SWF o imagen

Facultad de Ciencias de la Comunicacin, Curso: Taller de animacin Lic. Mario Quiroz

Universidad Tecnolgica del Per

26. Poner el nombre de instancia Boton_1, como se aprecia en la figura. Y acepte.

27. Cambiar el nombre de la direccin web por el nombre Pez.swf, no olvidar las comillas.

28. Guarde el documento Practica 10c.fla en la carpeta Materiales 10c. 29. Pruebe la pelcula (Ctrl+Enter). Presione el botn de la escena y aparecer el pez.

30. Regrese al panel de Accin y reemplace el nombre Pez.swf por fish0.png. 31. Pruebe la pelcula (Ctrl+Enter) y encontrar esto.

Facultad de Ciencias de la Comunicacin, Curso: Taller de animacin Lic. Mario Quiroz

Universidad Tecnolgica del Per