INSTRUMENTO DE EVALUACIÓN Código: AP5-AA1-IE5.

Transcripción

1 Programa de formación: Nombre del Proyecto: Actividad de Proyecto: Código de la Guía: Tecnólogo en Producción de Multimedia Producción de Aplicativos Multimedia para el Sector Productivo. Definición de la estructura de la multimedia. TPM-AP5 GD5 Fase del Proyecto: Ejecución Actividad de aprendizaje 1: Evidencia 5: Ejercicio N 1: Identificar las herramientas integradoras de los elementos multimediales. Ejercicios ActionScript 1. Cree un archivo nuevo Action Script 3.0, configúrelo a 600 px por 400 px. 2. Cree una capa llamada galería de imágenes, cree una capa llamada botones, cree una, última capa llamada Acciones o AS3. 1

2 3. Bloquee todas las capas menos la capa botones. 4. en la capa botones cree los botones que va a utilizar en la galería el de back para irse a la capa anterior y el de next para ir a la capa o fotografía siguiente. 2

3 5. conviértalos en símbolo clip de película y coloque le a cada uno nombre, al uno back y al otro next. Luego coloque nombre de instancia de la siguiente forma: Next_mc Back_mc 6. posiciónelo, en el lugar que desee. 3

4 7. Bloquee la capa botones y vaya a la capa de imágenes 8. Importe al escenario, las 5 imágenes con las que va a trabajar, indispensable que las haya recortado todas en un mismo tamaño para evitar hacer configuraciones en flash. 4

5 9. En la capa imágenes, ubique una a una las fotografías en cada fotograma aparte es decir una imagen por fotograma 10. Como hay cinco fotos, por ende son 5 fotogramas, entonces insertamos fotograma clave en la capa botones en el 5 fotograma. 11. En la capa AS3 agregue el siguiente código A los botones next y back a 5

6 12. En la capa AS3, haga clic derecho sobre el primer fotograma y seleccione el panel acciones. 13. Empiece a introducir el siguiente código. Ejercicio N 2. En este ejercicio se plantea la navegación entre escenas de un mismo documento. 1. Cree un archivo nuevo en Action Script Cree dos capas una llamada contenido y la otra llamada AS3. 6

7 3. En la capa contenidos cree un rectángulo de 540 px de ancho por 280 px de alto, asimilando que este tiene información. 4. En la misma capa, cree un rectángulo pequeño que será el botón para navegar por las escenas del documento, también dentro del rectángulo escriba Escena 2 de modo que cada vez que de clic en este botón este lo lleve a la escena 2. Convierta el rectángulo con el texto en símbolo, y luego dele nombre de instancia: boton1_mc 7

8 5. Cree una nueva escena llamada Escena En la capa contenidos cree un rectángulo de 540 px de ancho por 280 px de alto, asimilando que este tiene información. 8

9 7. En la misma capa, cree un rectángulo pequeño que será el botón para navegar por las escenas del documento, también dentro del rectángulo escriba Escena 1 de modo que cada vez que de clic en este botón este lo lleve a la escena 1. Convierta el rectángulo con el texto en símbolo, y luego dele nombre de instancia: boton2_mc 8. Regrese a la escena 1 y en la capa acciones escriba el siguiente código. 9

10 9. Pruebe la película CTRL + ENTER. Encontrara que aun no podrá navegar en la película, por lo cual debe ir a la Escena 2 en la capa AS3 e introducir el siguiente código. 10. Pruebe de nuevo la película y podrá observar que ya puede navegar de la escena 1 a la 2 pero no de la escena 2 a la En la capa AS3 de la Escena 2 escriba el siguiente código. 10

11 12. Por último pruebe la película y observe que puede navegar entre las diferentes escenas del documento. Ejercicio N 3 En este ejercicio, se propone trabajar el arrastre de un objeto mediante código de Action Script Cree un nuevo archivo de Action Script Cree dos capas una llamada objeto y la otra AS3 11

12 3. Importe al escenario un circulo o cree uno desde flash, conviértalo en símbolo Movie Clip y luego dele instancia con nombre de circulo_mc 4. Escriba el siguiente código. 5. Observe: 12

13 Ejercicio N 4 1. Cree un nuevo archivo en flash Action Script Cree 4 capas: As3 Toma Mensaje Fondo 3. En la capa fondo cree un rectángulo horizontal, en la capa mensaje, cree los nombres de ON y OFF, en la capa toma cree un rectángulo vertical, Y en la capa AS3 escriba el código. No olvide que en la capa toma debe ubicar un rectángulo al lado izquierdo, convertirlo a símbolo, crearle una instancia y luego crear otro fotograma y ubicarlo a lado derecho. 13

14 4. Ingrese el siguiente código. 14

15 5. Pruebe la película y observe. Ejercicio N 5 15

16 1. Cree una carpeta con el texto que necesite cargar y el archivo en el que ingresara el código. Es muy importante que cuando trabaje con carga externa de archivos estos estén en una misma carpeta. 2. Cree un archivo de texto en block de notas llamado externo y otro llamado externo Cree un archivo de flash Action Script 3.0 y guárdelo en la carpeta en la que se encuentran los archivos de texto. 4. Cree dos capas, una llamada botones, otra llamada As3 en donde introducirá el código Action Script En la capa botones cree dos flechas, una hacia abajo y otra hacia arriba, conviértalas en símbolo tipo botón así: boton1_btn boton2_btn 16

17 6. luego créele una instancia con el mismo nombre. boton1_btn botón2_btn 7. En la capa AS3 introduzca el siguiente código. Este código indica que se va a crear una caja de texto con unas variables de tamaño específicas. 8. Lo que viene a continuación, es hacer la carga externa del texto(externo3.txt) que desee que contenga la caja de texto que ha creado 17

18 9. Luego declare la función mostrar, y utilice los eventos del mouse para mover el texto hacia arriba o hacia abajo. 10. A continuación observe el código completo. 18

19 19 INSTRUMENTO DE EVALUACIÓN

20 11. por último pruebe la película y observe. 20