Vous pouvez décrire une interpolation de mouvement à l'aide de code XML et des classes ActionScript dans le package fl.motion. Adobe Flash CS3 possède une commande Copy Motion en tant que commande ActionScript qui génère du code XML et ActionScript basé sur une interpolation de mouvement du scénario et que vous pouvez utiliser dans d'autres symboles ou d'autres projets. Vous pouvez également écrire votre propre interpolation de mouvement. Tant que les classes fl.motion sont présentes dans votre chemin de classe au moment de la compilation, l'interpolation de mouvement sera appliquée à votre objet d'affichage spécifié. Pour plus d'informations sur les classes de mouvement, consultez le package fl.motion. Les éléments du code XML pris en charge correspondent aux classes et aux propriétés citées dans le Guide de référence du langage et des composants ActionScript 3.0.

Voir les exemples.

Voici la hiérarchie des éléments XML :

<Motion> <source> <Source> <dimensions> <geom:Rectangle /> </dimensions> <transformationPoint> <geom:Point /> </transformationPoint> </Source> </source> <Keyframe> <color> <Color /> </color> <tweens> <SimpleEase /> <CustomEase> <geom:Point /> </CustomEase> </tweens> <filters> <filters /> </filters> </Keyframe> </Motion>

Le tableau suivant dresse la liste des éléments et des attributs XML qui peuvent être affectés à un objet de mouvement. Pour plus d'informations sur chaque entrée, consultez les propriétés énumérées dans les classes correspondantes :

Elément	Attribut	Type	Description
Motion			Définit l'occurrence de Motion afin que Flash puisse affecter les propriétés qui caractérisent l'interpolation de mouvement. Voir la classe fl.motion.Motion.
	duration	Number	Nombre d'images de l'interpolation de mouvement sélectionnée. Voir la propriété fl.motion.Motion.duration.
source			Balise parent obligatoire pour l'élément Source. Cette balise n'a aucun attribut, mais le compilateur en a besoin pour traiter l'élément Source et ses attributs.
source			Contient les propriétés de l'objet visuel d'origine qui est associé au mouvement. Voir la classe fl.motion.Source.
	frameRate	Number	Le paramètre fps (Images par seconde) du fichier SWF contient l'animation d'origine, copiée à partir de Flash CS3. Cette valeur n'a aucun effet sur l'implémentation ActionScript d'ActionScript dans un autre fichier SWF. Voir la propriété fl.motion.Source.frameRate.
	x	Number	Coordonnée X du point de transformation de l'occurrence de symbole située au début de l'interpolation de mouvement d'origine, copiée à partir de Flash CS3.
	y	Number	Coordonnée Y du point de transformation de l'occurrence de symbole située au début de l'interpolation de mouvement d'origine, copiée à partir de Flash CS3.
	scaleX	Number	Pourcentage de l'échelle horizontale, sous forme de valeur décimale.Cette valeur est souvent comprise entre 0 et 1, mais peut être supérieure à 1 ou inférieure à 0. Par exemple, vous pouvez définir scaleX sur -1 pour retourner l'objet ou sur 3 pour multiplier sa taille d'origine par 3.
	scaleY	Number	Pourcentage de l'échelle verticale, sous forme de valeur décimale.Cette valeur est souvent comprise entre 0 et 1, mais peut être supérieure à 1 ou inférieure à 0. Par exemple, vous pouvez définir scaleY sur -1 pour retourner l'objet ou sur 3 pour multiplier sa taille d'origine par 3.
	skewX	Nombre	Angle (en degrés) du cisaillement le long de l'axe horizontal. Si les valeurs skewX et skewY sont égales, elles sont remplacées par l'attribut rotation.
	skewY	Nombre	Angle (en degrés) du cisaillement le long de l'axe vertical. Si les valeurs skewX et skewY sont égales, elles sont remplacées par l'attribut rotation.
	rotation	Number	Degrés de la rotation de l'image d'origine.
	elementType	Chaîne	Type de l'objet visuel utilisé dans l'interpolation de mouvement. Les valeurs possibles sont : "movie clip", "button", "graphic", "rectangle object", "oval object", "drawing object", "group", "bitmap", "compiled clip", "video" ou "text".
	symbolName	Chaîne	Nom du symbole dans la bibliothèque du document Adobe Flash CS3, s'il y est présent (car l'objet visuel d'origine n'est pas forcément une occurrence de symbole).
dimensions			Contient une balise utilisant le nom d'espace geom pour décrire le cadre de délimitation du symbole interpolé.
geom:Rectangle		Un objet du package flash.geom.	Définit le cadre de délimitation. Vous pouvez ajouter des attributs correspondant aux propriétés de l'objet flash.geom.Rectangle. Par exemple : <geom:Rectangle left="7" top="9" width="151.95" height="151.95" /> Les valeurs top et left se rapportent au point d'alignement de l'objet parent (top et left sont définies dans l'espace de coordonnées de l'objet parent).
transformationPoint			Contient une balise utilisant le nom d'espace geom pour décrire le point de transformation du symbole interpolé.
geom:Point		Un objet du package flash.geom.	Les coordonnées du point de transformation sont définies sous forme de pourcentage des dimensions du cadre de délimitation (valeurs de l'élément geom:Rectangle). Si le point de transformation correspond au coin supérieur gauche du cadre de délimitation, les coordonnées sont (0, 0). Si le point de transformation correspond au coin supérieur droit du cadre de délimitation, les coordonnées sont (1, 1). Ces valeurs permettent l'application cohérente du point de transformation aux objets dont les proportions et les points d'alignement sont différents. Le point de transformation peut s'éloigner du cadre de délimitation. Dans ce cas, les coordonnées peuvent être inférieures à 0 ou supérieures à 1.
Keyframe			Contient les informations correspondant à une image-clé du scénario.
	blank	valeur booléenne	Indique que l'image-clé est vide.
	index	Number	Nombre entier de l'image-clé. La valeur du premier index de l'image-clé est toujours 0. Dans le code XML, les images-clés doivent être indiquées en ordre ascendant par rapport à la valeur d'index.
	label	Chaîne	Chaîne facultative qui décrit l'image-clé et correspond à une étiquette d'image du scénario.
	tweenSync	valeur booléenne	Active ("true") ou désactive ("false") le paramètre de synchronisation. La synchronisation recalcule le nombre d'images d'une interpolation afin de l'adapter au nombre d'images qui lui sont affectées dans le scénario. Cet attribut n'affecte pas l'animation ActionScript car ActionScript ne peut pas contrôler les symboles graphiques. L'attribut XML est utilisé uniquement par les commandes Motion et Paste Motion d'Adobe Flash CS3. La valeur par défaut est true si non présent dans le code XML.
	tweenSnap	valeur booléenne	Active ("true") ou désactive ("false") le paramètre Snap. Ce paramètre associe un symbole à la trajectoire de mouvement par son point d'alignement. Cet attribut n'affecte pas l'animation ActionScript car ActionScript ne peut pas contrôler les symboles graphiques. L'attribut XML est utilisé uniquement par les commandes Motion et Paste Motion d'Adobe Flash CS3. La valeur par défaut est true si non présent dans le code XML.
	x	Number	Coordonnée X du point central de l'occurrence du symbole à l'image-clé en cours.
	y	Number	Coordonnée Y du point central de l'occurrence du symbole à l'image-clé en cours.
	scaleX	Number	Pourcentage de l'échelle horizontale, sous forme de valeur décimale comprise entre 0 et 1. Cette valeur peut être supérieure à 1 ou inférieure à 0. Par exemple, vous pouvez régler scaleX sur -1 pour retourner l'objet ou sur 3 pour multiplier sa taille d'origine par 3.
	scaleY	Number	Pourcentage de l'échelle verticale, sous forme de valeur décimale comprise entre 0 et 1. Cette valeur peut être supérieure à 1 ou inférieure à 0. Par exemple, vous pouvez définir scaleY sur -1 pour retourner l'objet ou sur 3 pour multiplier sa taille d'origine par 3.
	skewX	Nombre	Angle (en degrés) du cisaillement le long de l'axe horizontal. Si les valeurs skewX et skewY sont égales, elles sont remplacées par l'attribut rotation.
	skewY	Nombre	Angle (en degrés) du cisaillement le long de l'axe vertical. Si les valeurs skewX et skewY sont égales, elles sont remplacées par l'attribut rotation.
	rotation	Number	Degrés de la rotation de l'image en cours.
	rotateDirection	Chaîne	Désigne la rotation de l'élément interpolé. Les valeurs possibles sont "auto", "none", "cw", "ccw". La valeur par défaut est "auto" si non présent dans le code XML.
	rotateTimes	uint	Ajoute une rotation à l'élément interpolé, en plus de toute rotation existante. Cette rotation dépend de la valeur de l'attribut rotateDirection, qui doit être défini sur "cw" ou "ccw". La valeur de rotateTimes doit être un entier supérieur ou égal à zéro. Voir la propriété fl.motion.Keyframe.rotateTimes.
	tweenScale	valeur booléenne	Si false, empêche le changement d'échelle pendant une interpolation. La valeur par défaut est true si non présent dans le code XML.
	cacheAsBitmap	valeur booléenne	La valeur par défaut est false si non présent dans le code XML.
	blendMode	Chaîne	Les valeurs possibles sont : "normal", "layer", "multiply", "screen", "overlay", "hardlight", "lighten", "darken", "difference", "add", "subtract", "invert", "alpha" et "erase". La valeur par défaut est "normal" si non présent dans le code XML.
	orientToPath	valeur booléenne	La valeur par défaut est false si non présent dans le code XML.
color			Balise parent obligatoire pour l'élément Color. Cette balise n'a aucun attribut, mais le compilateur en a besoin pour traiter l'élément Color et ses attributs.
Color			Contient des paramètres pour les variations de couleurs. Les occurrences de symboles Flash possèdent cinq modes de couleur : none, alpha, tint, brightness et advanced. Pour aucune transformation (none), la balise Color est vide, indiquant l'apparence normale. Pour des transformations alpha, définissez les attributs alphaMultiplier et alphaOffset. Pour des transformations tint, définissez les attributs tintColor et tintMultiplier. Pour des transformations brightness, utilisez l'attribut brightness. Pour des transformations advanced, utilisez les attributs redMultiplier, greenMultiplier, blueMultiplier, alphaMultiplier, redOffset, greenOffset, blueOffset et alphaOffset.
	brightness	Nombre	Pourcentage à appliquer au canal de luminosité entre -1 et 1, où -1 est entièrement noir et 1 entièrement blanc.
	tintColor	Hexadécimal	Valeur de couleur hexadécimale représentant la couleur à appliquer.
	alphaMultiplier	Nombre	Pourcentage d'application du canal alpha, sous forme de valeur décimale comprise entre 0 et 1.
	redMultiplier	Number	Pourcentage d'application de la couleur, sous forme de valeur décimale comprise entre 0 et 1.
	greenMultiplier	Number	Pourcentage d'application de la couleur, sous forme de valeur décimale comprise entre 0 et 1.
	blueMultiplier	Number	Pourcentage d'application de la couleur, sous forme de valeur décimale comprise entre 0 et 1.
	alphaMultiplier	Number	Valeur décimale comprise entre 0 et 1 et représentant le pourcentage d'application du canal de transparence alpha.
	tintMultiplier	Nombre	Valeur décimale comprise entre 0 et 1 et représentant le pourcentage à appliquer avec la valeur tintColor.
	redOffset	Number	Nombre, compris entre -255 et 255, qui est ajouté à la valeur du canal de rouge après sa multiplication par la valeur redMultiplier.
	greenOffset	Number	Nombre, compris entre -255 et 255, qui est ajouté à la valeur du canal de vert après sa multiplication par la valeur greenMultiplier.
	blueOffset	Number	Nombre, compris entre -255 et 255, qui est ajouté à la valeur du canal de bleu après sa multiplication par la valeur blueMultiplier.
	alphaOffset	Number	Nombre, compris entre -255 et 255, qui est ajouté à la valeur du canal alpha après sa multiplication par la valeur alphaMultiplier.
tweens			Contient des paramètres pour les variations d'accélération.
SimpleEase			Définit un paramètre d'accélération avec une seule valeur dans toute l'interpolation de mouvement pour toutes les propriétés d'accélération.
	ease	Number	Valeur d'accélération à appliquer à toutes les propriétés de l'interpolation de mouvement. L'attribut ease est une valeur de pourcentage comprise entre -1 (100% d'accélération) et 1 (100% de décélération). La valeur par défaut est 0, ce qui signifie que l'interpolation a une vitesse constante, sans accélération ni décélération.
	target	Nombre	Lors de l'utilisation des commandes Copy Motion et Paste Motion d'Adobe Flash CS3, l'outil de programmation génère du code XML qui n'inclut aucun attribut target pour l'élément SimpleEase car Flash CS3 applique la même valeur à toutes les propriétés d'accélération. Toutefois, les classes ActionScript 3.0 vous permettent d'appliquer simultanément différentes valeurs SimpleEase aux propriétés individuelles. Les valeurs possibles pour target sont les mêmes que pour CustomEase : "position", "scale", "rotation", "color", "filters", "x", "y", "scaleX", "scaleY", "skewX" et "skewY".
CustomEase			Définit une courbe d'accélération personnalisée composée de courbes cubiques Béziers. Elle peut être appliquée à toutes les propriétés simultanément ou vous pouvez définir différentes courbes pour différentes propriétés. Pour plus d'informations sur les courbes qui représentent les propriétés d'accélération personnalisées, consultez la classe CustomEase.
	target	Number	Propriété qui reçoit une valeur personnalisée. Lors de l'utilisation des commandes Copy Motion et Paste Motion d'Adobe Flash CS3, l'outil de programmation génère ces valeurs possibles pour target : "position", "scale", "rotation", "color", "filters". Les classes de mouvement d'ActionScript 3.0 offrent même davantage de flexibilité. En effet, vous pouvez définir des courbes individuelles pour : "x", "y", "scaleX", "scaleY", "skewX" et "skewY". Si l'attribut "target" est omis dans le code XML, toutes les propriétés d'accélération sont ciblées ensemble. Remarque :le code XML omet le premier et le dernier point dans la courbe d'accélération personnalisée. Le premier point doit toujours être (0, 0) (valeur initiale de la propriété interpolée) et le dernier point doit être (1, 1) (valeur finale de la propriété interpolée). Pour maintenir l'efficacité du code et éviter des erreurs, ces valeurs sont omises dans le code XML et sont supposées être implicites.
filters			Définit un objet du package flash.filters à utiliser comme élément (par exemple : filters:GlowFilter). Vous pouvez ajouter des attributs qui correspondent à des propriétés de l'objet flash.filters spécifié. Par exemple : <filters:DropShadowFilter quality="1" inner="false" knockout="false" hideObject="false" distance="0" angle="45" color="0x000000" alpha="1" blurX="0" blurY="0" strength="0" /> Voir le package flash.filters.

L'exemple suivant présente le code ActionScript avec XML en ligne décrivant l'interpolation de mouvement d'une occurrence moveShape MovieClip pour le symbole myShape, lorsqu'il effectue une rotation, se déplace, utilise un paramètre d'accélération personnalisé et modifie les valeurs alpha sur dix images :

import fl.motion.Animator; var moveShape_xml:XML = <Motion duration="10" xmlns="fl.motion.*" xmlns:geom="flash.geom.*" xmlns:filters="flash.filters.*"> <source> <Source frameRate="12" x="140.35" y="142.35" scaleX="1" scaleY="1" rotation="0" elementType="movie clip" instanceName="moveShape" symbolName="myShape"> <dimensions> <geom:Rectangle left="13" top="5" width="125.5" height="125.5"/> </dimensions> <transformationPoint> <geom:Point x="0.5" y="0.5"/> </transformationPoint> </Source> </source> <Keyframe index="0" rotateDirection="cw" rotateTimes="1" tweenSnap="false" scaleX="1" scaleY="1" rotation="0"> <color> <Color alphaMultiplier="0.4"/> </color> <tweens> <CustomEase target="position"> <geom:Point x="0.09500906065407433" y="0.09500906065407433"/> <geom:Point x="0.460384258177029" y="0.11105020134567312"/> <geom:Point x="0.5441860465116279" y="0.22916666666666663"/> <geom:Point x="0.685859138879818" y="0.42885124660440044"/> <geom:Point x="0.5417057701316985" y="0.7393801887363497"/> <geom:Point x="0.7023255813953488" y="0.8999999999999999"/> <geom:Point x="0.7800300428109576" y="0.9777044614156086"/> <geom:Point x="0.9222955385843912" y="0.9222955385843913"/> </CustomEase> <CustomEase target="scale"> <geom:Point x="0.3333333333333333" y="0.3333333333333333"/> <geom:Point x="0.6666666666666666" y="0.6666666666666666"/> </CustomEase> <CustomEase target="rotation"> <geom:Point x="0.19132280349731443" y="0.19132280349731445"/> <geom:Point x="0.4753438631693523" y="0.13159386316935218"/> <geom:Point x="0.6666666666666667" y="0.32291666666666663"/> <geom:Point x="0.8086771965026857" y="0.46492719650268555"/> <geom:Point x="0.8579894701639811" y="0.8579894701639811"/> </CustomEase> <CustomEase target="color"> <geom:Point x="0.3333333333333333" y="0.3333333333333333"/> <geom:Point x="0.6666666666666666" y="0.6666666666666666"/> </CustomEase> <CustomEase target="filters"> <geom:Point x="0.3333333333333333" y="0.3333333333333333"/> <geom:Point x="0.6666666666666666" y="0.6666666666666666"/> </CustomEase> </tweens> </Keyframe> <Keyframe index="9" x="304.95" y="122"> <color> <Color/> </color> </Keyframe> </Motion>; var moveShape_animator:Animator = new Animator(moveShape_xml, moveShape); moveShape_animator.play();

L'exemple suivant présente une interpolation de mouvement plus simple avec un événement de la classe fl.motion.MotionEvent ajouté pour afficher un message lorsque l'animation pour l'occurrence de symbole appelée abox est terminée :

import fl.motion.Animator; import fl.motion.MotionEvent; var abox_xml:XML = <Motion duration="10" xmlns="fl.motion.*" xmlns:geom="flash.geom.*" xmlns:filters="flash.filters.*"> <source> <Source frameRate="12" x="186.45" y="120.45" scaleX="1" scaleY="1" rotation="0" elementType="movie clip" symbolName="Symbol 1"> <dimensions> <geom:Rectangle left="0" top="0" width="86.95" height="86.95"/> </dimensions> <transformationPoint> <geom:Point x="0.49971247843588273" y="0.49971247843588273"/> </transformationPoint> </Source> </source> <Keyframe index="0" rotateDirection="cw" rotateTimes="1"> <tweens> <SimpleEase ease="0.8"/> </tweens> </Keyframe> <Keyframe index="9" x="198" y="123"/> </Motion>; var abox_animator:Animator = new Animator(abox_xml, abox); abox_animator.play(); abox_animator.addEventListener(MotionEvent.MOTION_END,afterMotion); function afterMotion(e:MotionEvent) { trace("animation complete!"); } © 2004-2007 Adobe Systems Incorporated. Tous droits réservés.
Fri Oct 12 2007, 3:12 AM GMT-07:00