Classe Tween ActionScript 3 Flash

• Avril 26, 2024

L'interpolation est un élément fondamental de Flash^R animation. Si vous décomposez une animation Flash en ses parties individuelles, vous aurez un point de départ, un point d'arrivée et plusieurs points intermédiaires. Le nombre de points intermédiaires que vous aurez dépend du type d'animation que vous créez.

La plupart des concepteurs Flash utilisent l'une des deux méthodes pour créer une animation Flash. La première méthode que vous apprenez à utiliser est l'interpolation de la chronologie, où vous utilisez la chronologie Flash pour contrôler l'animation. Il s'agit d'un moyen simple de créer une interpolation simple. Mais ce didacticiel concerne la deuxième méthode ActionScript, plus flexible. Vous utiliserez cette méthode lorsque vous aurez besoin d'un peu plus de contrôle sur l'interpolation que vous n'en avez avec la timeline. La bonne chose est que la plupart du code ActionScript est intégré. Fondamentalement, il vous suffit de dire à Flash où commencer, où se terminer et combien de temps vous voulez que le Tween dure. Voyons comment configurer votre projet Flash pour utiliser ActionScript et la classe Tween pour créer un Tween.

Regardons un exemple qui déplacera un simple rectangle d'un point de la scène à un autre. Démarrez un nouveau projet ActionScript 3 dans Flash CS3.

1. Notre première étape consiste à dessiner le rectangle sur la scène. Nous pouvons le faire en utilisant ActionScript 3 et l'API de dessin. Mais, pour ce tutoriel, nous allons simplement utiliser les outils de dessin pour dessiner un rectangle n'importe où sur la scène. Renommons le calque 1 du scénario en "Rectangle". Cliquez ensuite sur l'outil Rectangle et dessinez notre rectangle.
   
   
2. Ensuite, nous devons convertir le rectangle en un clip vidéo. Sélectionnez le rectangle et cliquez sur Modifier - Convertir en symbole dans la barre de menus pour ouvrir la boîte de dialogue. Donnons à notre Clip le nom "recMC" et définissons le Type sur Clip.
   
   
3. Configurons également la liaison pour ce clip. Cliquez sur le bouton Avancé pour développer la boîte de dialogue Convertir en symbole. Cochez la case Exporter pour ActionScript pour indiquer à Flash de créer une nouvelle classe recMC. Fermez la boîte de dialogue.
   
   Maintenant, nous pouvons supprimer le rectangle que nous avons dessiné sur la scène car nous l'avons dans la bibliothèque. Sélectionnez le rectangle et cliquez sur Edition - Couper. Puisque nous allons utiliser ActionScript pour créer notre animation Tween, notre prochaine étape consiste à ajouter un nouveau calque à la timeline et à le nommer "Actions". Sur l'image 1 du calque Actions, ouvrez le panneau Actions (Fenêtre - Actions) et copiez / collez le code ci-dessous.
   
   import fl.transitions.Tween;
   import fl.transitions.TweenEvent;
   import fl.transitions.easing. *;
   
   Ces trois lignes de code indiquent à Flash que nous voulons utiliser le code intégré pour les classes Tween, TweenEvent et easing. Ces classes aident à déplacer, redimensionner et atténuer notre clip vidéo cible (redMC).
   
   

Suivant →

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: Introduction to Actionscript 3 Classes in Flash - Part 1 of 2 (by Nils Millahn) (Avril 2024).