Flash ActionScript 3 Clase Tween

• Mayo 18, 2024

La interpolación es fundamental en Flash^R animación. Si divide una animación Flash en sus partes individuales, tendrá un punto de inicio, un punto final y varios puntos intermedios. El número de puntos intermedios que tendrá depende del tipo de animación que esté creando.

La mayoría de los diseñadores de Flash utilizan uno de los dos métodos para crear una animación de Flash. El primer método que aprende a usar es la interpolación de la línea de tiempo, donde utiliza la línea de tiempo de Flash para controlar la animación. Esta es una manera fácil de crear una interpolación simple. Pero este tutorial trata sobre el segundo y más flexible método de ActionScript. Utilizará este método cuando necesite un poco más de control sobre la interpolación que con la línea de tiempo. Lo bueno es que la mayor parte del código ActionScript está integrado. Básicamente, solo necesita decirle a Flash dónde comenzar, dónde terminar y cuánto tiempo desea que dure el Tween. Echemos un vistazo a cómo configurar su proyecto Flash para usar ActionScript y la clase Tween para crear un Tween.

Veamos un ejemplo que moverá un rectángulo simple de un punto en el escenario a otro. Inicie un nuevo proyecto de ActionScript 3 en Flash CS3.

1. Nuestro primer paso es dibujar el rectángulo en el escenario. Podemos hacer esto usando ActionScript 3 y la API de dibujo. Pero, para este tutorial, solo usaremos las herramientas de dibujo para dibujar un rectángulo en cualquier parte del escenario. Cambiemos el nombre de la Capa 1 en la Línea de tiempo a "Rectángulo". Luego haga clic en la herramienta Rectángulo y dibuje nuestro rectángulo.
   
   
2. A continuación, debemos convertir el rectángulo en un clip de película. Seleccione el rectángulo y haga clic en Modificar - Convertir en símbolo desde la barra de menú para abrir el cuadro de diálogo. Démosle a nuestro Clip de película el nombre "recMC" y configuremos el Tipo en Clip de película.
   
   
3. Configuremos también el enlace para este clip de película. Haga clic en el botón Avanzado para expandir el cuadro de diálogo Secreto a símbolo. Marque la casilla Exportar para ActionScript para indicarle a Flash que cree una nueva clase recMC. Cierra el cuadro de diálogo.
   
   Ahora, podemos eliminar el rectángulo que hemos dibujado en el escenario porque lo tenemos en la Biblioteca. Seleccione el rectángulo y haga clic en Editar - Cortar. Como vamos a usar ActionScript para crear nuestra animación Tween, nuestro siguiente paso es agregar una nueva capa a la línea de tiempo y nombrarla "Acciones". En el Marco 1 de la capa Acciones, abra el panel Acciones (Ventana - Acciones) y copie / pegue el código a continuación.
   
   importar fl.transitions.Tween;
   importar fl.transitions.TweenEvent;
   import fl.transitions.easing. *;
   
   Estas tres líneas de código le dicen a Flash que queremos usar el código incorporado para las clases Tween, TweenEvent y easying. Estas clases ayudan a mover, cambiar el tamaño y desvanecer nuestro Clip de película objetivo (redMC).
   
   

Siguiente →

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: Flash Actionscript Tutorials - Animation using ActionScript Tweens and Easing Class - 15 (Mayo 2024).