Agregue ActionScript al botón para la animación de envolvente

• Abril 26, 2024

En los últimos tutoriales, terminamos la animación que hizo que el sobre volara hacia el centro del escenario y agregamos nuestro botón invisible sobre el sello en el sobre. Ahora, lo único que queda por hacer para la primera mitad de la animación es agregar algunas líneas de ActionScript a nuestro botón. Este código le indicará a Flash que simplemente detenga la animación en el Cuadro 80 y escuche si se hace clic en el botón. Cuando se hace clic en el botón, el ActionScript moverá la animación al Cuadro 81 y la segunda mitad de la animación. Por supuesto, aún necesitamos construir el resto de la animación, pero por ahora, trabajaremos en el código que hará que nuestro botón controle la línea de tiempo.

Abra nuestro archivo fla en Flash CS3. En este punto tenemos 80 cuadros en la línea de tiempo. Estaremos trabajando en el Marco 80 durante este tutorial.

1. Desbloquee las capas Acciones e InvButton. En el fotograma 80 de la capa Acciones, haga clic con el botón derecho y agregue un fotograma clave. Desde la barra de menú, haga clic en Ventana, Acciones para abrir el panel Acciones.
   
   
2. Agregue el siguiente código al panel Acciones.
   
   detener();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   function open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   jugar();
   }
   
   Como puede ver, este código tiene tres partes. Primero agregamos el código stop () para detener la animación y esperar a que se haga clic en el botón. Debido a que el código está en el Cuadro 80, ahí es donde se detendrá la animación.
   
   A continuación, agregamos un EventListener a la instancia InvButton1 de nuestro botón de sello invisible. Este EventListener escuchará el clic del mouse en el botón y luego llamará a la función open_Env.
   
   La función open_Env hace dos cosas. Primero elimina el EventListener y luego mueve la animación al Cuadro 81 con el código play ().
   
   
3. Después de agregar ActionScript al panel Acciones, puede cerrar el panel Acciones.
   
   
4. Como puede ver, hicimos todo esto en el Marco 80. Haga clic en Control, Probar película para probar el botón. Verá que la animación no vuelve automáticamente al comienzo de la línea de tiempo después del fotograma 80 como lo ha hecho antes. Ahora, nuestra película se detiene y espera a que alguien haga clic en el botón. Esto se debe a que ahora estamos controlando la línea de tiempo con ActionScript.
   
   

Guarde su archivo fla para el próximo tutorial cuando comencemos a trabajar en la segunda mitad de la animación del sobre.

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Instrucciones De Vídeo: Mascara de Capa Segundo Ejemplo (Abril 2024).