Se puede describir una interpolación de movimiento utilizando XML y las clases de ActionScript incluidas en el paquete fl.motion. Adobe Flash CS3 dispone del comando ActionScript Copiar movimiento como, que genera código XML y ActionScript basado en una interpolación de movimiento en la línea de tiempo para su uso con otros símbolos o proyectos. También puede crear un script de su propia interpolación de movimiento. La interpolación se aplicará al objeto de visualización especificado, siempre y cuando tenga las clases fl.motion en la ruta de clases en el momento de la compilación. Para más información sobre las clases de movimiento, consulte el paquete fl.motion. Los elementos del XML compatible se corresponden con las clases y propiedades de la Referencia del lenguaje y componentes ActionScript 3.0.

Consulte los ejemplos.

Ésta es la jerarquía de los elementos 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>

En la tabla siguiente, se resumen brevemente los elementos y atributos XML que se pueden asignar a un objeto Motion. Para más información sobre cada una de las entradas, consulte la lista de propiedades de las clases correspondientes a cada elemento:

Elemento	Atributo	Tipo	Descripción
Motion			Define la instancia Motion de modo que Flash pueda asignar propiedades para la caracterización de la interpolación de movimiento. Consulte la clase fl.motion.Motion.
	duration	Number	Número de fotogramas de la interpolación de movimiento seleccionada. Consulte la propiedad fl.motion.Motion.duration.
source			Etiqueta principal necesaria para el elemento Source. Esta etiqueta no presenta atributos, pero el compilador la requiere para procesar el elemento Source y sus atributos.
Source			Contiene las propiedades del objeto visual original asociado al movimiento. Consulte la clase fl.motion.Source.
	frameRate	Number	El parámetro de fotogramas por segundo (fps) correspondiente al archivo SWF que contiene la animación original copiada desde Flash CS3. Este valor no afecta a la implementación de ActionScript en un archivo SWF diferente. Consulte la propiedad fl.motion.Source.frameRate.
	x	Number	La coordenada x del punto de transformación de la instancia de símbolo al principio de la interpolación de movimiento original copiada desde Flash CS3.
	y	Number	La coordenada y del punto de transformación de la instancia de símbolo al principio de la interpolación de movimiento original copiada desde Flash CS3.
	scaleX	Number	El porcentaje de la escala horizontal como valor decimal. El valor suele estar comprendido entre 0 y 1, pero puede ser mayor que 1 o menor que 0. Por ejemplo, puede establecer scaleX como -1 para girar el objeto, o en 3 para aumentar tres veces su tamaño original.
	scaleY	Number	El porcentaje de la escala vertical como valor decimal. El valor suele estar comprendido entre 0 y 1, pero puede ser mayor que 1 o menor que 0. Por ejemplo, puede establecer scaleY como -1 para girar el objeto, o en 3 para aumentar tres veces su tamaño original.
	skewX	Number	El ángulo (en grados) de inclinación a lo largo del eje horizontal. Si los valores skewX y skewY son iguales, éstos son sustituidos por el atributo rotation.
	skewY	Number	El ángulo (en grados) de inclinación a lo largo del eje vertical. Si los valores skewX y skewY son iguales, éstos son sustituidos por el atributo rotation.
	rotation	Number	Los grados de giro del fotograma inicial.
	elementType	String	El tipo de objeto visual utilizado en la interpolación de movimiento. Los valores posibles son: "movie clip", "button", "graphic", "rectangle object", "oval object", "drawing object", "group", "bitmap", "compiled clip", "video" o "text".
	symbolName	String	Nombre del símbolo en la biblioteca del documento de Adobe Flash CS3, si existe (ya que puede que el objeto visual original no sea una instancia de símbolo).
dimensions			Contiene una etiqueta que utiliza el espacio de nombres geom para describir el recuadro de delimitación del símbolo interpolado.
geom:Rectangle		Objeto del paquete flash.geom	Define el recuadro de delimitación. Puede añadir atributos que se correspondan con las propiedades del objeto flash.geom.Rectangle. Por ejemplo: <geom:Rectangle left="7" top="9" width="151.95" height="151.95" /> Los valores top y left son relativos al punto de registro del objeto principal (top y left se definen en el espacio de coordenadas del objeto principal).
transformationPoint			Contiene una etiqueta que utiliza el espacio de nombres geom para describir el punto de transformación del símbolo interpolado.
geom:Point		Objeto del paquete flash.geom	Las coordenadas del punto de transformación se definen como porcentaje de las dimensiones del recuadro de delimitación (valores del elemento geom:Rectangle ). Si el punto de transformación es la esquina superior izquierda del recuadro, las coordenadas son (0, 0), Si el punto es la esquina inferior derecha del recuadro, las coordenadas son (1, 1). Estos valores permiten aplicar el punto de transformación de forma coherente a objetos de proporciones y puntos de registro diferentes. El punto de transformación se puede situar fuera del recuadro de delimitación, en cuyo caso las coordenadas pueden ser inferiores a 0 o superiores a 1.
Keyframe			Contiene información correspondiente a un fotograma clave en la línea de tiempo.
	blank	Boolean	Indica que el fotograma clave está vacío.
	index	Number	Valor entero exclusivo para el fotograma clave. El primer índice del fotograma clave siempre es 0. Los fotogramas clave en XML se deben especificar en orden ascendente a partir del valor del índice.
	label	String	Cadena opcional que describe el fotograma clave y se corresponde con una etiqueta de fotograma en la línea de tiempo.
	tweenSync	Boolean	Alterna el parámetro de sincronización entre activado ("true") y desactivado ("false"). Sync recalcula el número de fotogramas de una interpolación para que coincida con el número de fotogramas que se le asigna en la línea de tiempo. Este atributo no afecta a la animación de ActionScript, ya que ActionScript no puede controlar los símbolos gráficos. Los comandos Copiar movimiento y Pegar movimiento de Adobe Flash CS3 son los únicos que utilizan el atributo XML. Si se omite del XML, el valor predeterminado es true.
	tweenSnap	Boolean	Alterna el parámetro Snap entre activado ("true") y desactivado ("false"). Snap asocia un símbolo a la ruta de movimiento por su punto de registro. Este atributo no afecta a la animación de ActionScript, ya que ActionScript no puede controlar los símbolos gráficos. Los comandos Copiar movimiento y Pegar movimiento de Adobe Flash CS3 son los únicos que utilizan el atributo XML. Si se omite del XML, el valor predeterminado es true.
	x	Number	La coordenada x del punto central de la instancia de símbolo en el fotograma clave actual.
	y	Number	La coordenada y del punto central de la instancia de símbolo en el fotograma clave actual.
	scaleX	Number	El porcentaje de la escala horizontal como valor decimal entre 0 y 1. El valor suele estar comprendido entre 0 y 1, pero puede ser mayor que 1 o menor que 0. Por ejemplo, puede establecer scaleX en -1 para girar el objeto, o en 3 para aumentar tres veces su tamaño original.
	scaleY	Number	El porcentaje de la escala vertical como valor decimal entre 0 y 1. El valor suele estar comprendido entre 0 y 1, pero puede ser mayor que 1 o menor que 0. Por ejemplo, puede establecer scaleY en -1 para girar el objeto, o en 3 para aumentar tres veces su tamaño original.
	skewX	Number	El ángulo (en grados) de inclinación a lo largo del eje horizontal. Si los valores skewX y skewY son iguales, éstos son sustituidos por el atributo rotation.
	skewY	Number	El ángulo (en grados) de inclinación a lo largo del eje vertical. Si los valores skewX y skewY son iguales, éstos son sustituidos por el atributo rotation.
	rotation	Number	Los grados de giro del fotograma actual.
	rotateDirection	String	Especifica el modo en que gira el elemento interpolado. Los valores posibles son "auto", "none", "cw" y "ccw". Si se omite del XML, el valor predeterminado es "auto".
	rotateTimes	uint	Añade rotación al elemento interpolado, además de la rotación existente. Esta rotación depende del valor del atributo rotateDirection, que se debe establecer en "cw" o "ccw". El valor rotateTimes debe ser un número entero igual o mayor que cero. Consulte la propiedad fl.motion.Keyframe.rotateTimes.
	tweenScale	Boolean	Si el valor es false, se evita que cambie la escala durante una interpolación. Si se omite del XML, el valor predeterminado es true.
	cacheAsBitmap	Boolean	Si se omite del XML, el valor predeterminado es false.
	blendMode	String	Los valores posibles son: "normal", "layer", "multiply", "screen", "overlay", "hardlight", "lighten", "darken", "difference", "add", "subtract", "invert", "alpha" y "erase". Si se omite del XML, el valor predeterminado es "normal".
	orientToPath	Boolean	Si se omite del XML, el valor predeterminado es false.
color			Etiqueta principal necesaria para el elemento Color. Esta etiqueta no presenta atributos, pero el compilador la requiere para procesar el elemento Color y sus atributos.
Color			Contiene la configuración correspondiente a las variaciones de color. Las instancias de símbolo de Flash presentan cinco modos de color: none, alpha, tint, brightness y advanced. Si no hay transformación (none), la etiqueta Color está vacía, lo que indica aspecto normal. Para las transformaciones alpha, establezca los atributos alphaMultiplier y alphaOffset. Para las transformaciones tint, establezca los atributos tintColor y tintMultiplier. Para las transformaciones brightness, utilice el atributo brightness. Para las transformacionesadvanced, utilice los atributos redMultiplier, greenMultiplier, blueMultiplier, alphaMultiplier, redOffset, greenOffset, blueOffset y alphaOffset.
	brightness	Number	El porcentaje que se aplica al canal de brillo, entre -1 y 1, donde -1 es completamente negro y 1 completamente blanco.
	tintColor	Hexadecimal	Valor de color hexadecimal que representa el color que se aplica.
	alphaMultiplier	Number	El porcentaje que se aplica al canal alfa, expresado como valor decimal entre 0 y 1.
	redMultiplier	Number	El porcentaje que se aplica al color, expresado como valor decimal entre 0 y 1.
	greenMultiplier	Number	El porcentaje que se aplica al color, expresado como valor decimal entre 0 y 1.
	blueMultiplier	Number	El porcentaje que se aplica al color, expresado como valor decimal entre 0 y 1.
	alphaMultiplier	Number	Valor decimal entre 0 y 1 que representa el porcentaje que se aplica al canal de transparencia alfa.
	tintMultiplier	Number	Valor decimal entre 0 y 1 que representa el porcentaje que se aplica con el valor tintColor.
	redOffset	Number	Número de -255 a 255 que se añade al valor del canal rojo después de multiplicarse por el valor de redMultiplier
	greenOffset	Number	Número de -255 a 255 que se añade al valor del canal verde después de multiplicarse por el valor de greenMultiplier
	blueOffset	Number	Número de -255 a 255 que se añade al valor del canal azul después de multiplicarse por el valor de blueMultiplier
	alphaOffset	Number	Número de -255 a 255 que se añade al valor del canal alfa después de multiplicarse por el valor de alphaMultiplier.
tweens			Contiene la configuración correspondiente a las variaciones de aceleración.
SimpleEase			Define un parámetro de aceleración con un único valor a lo largo de la interpolación de movimiento para todas las propiedades de aceleración.
	ease	Number	El valor de aceleración que se aplica a todas las propiedades de la interpolación de movimiento. El atributo de aceleración es un valor de porcentaje comprendido entre -1 (100% de aceleración) y 1 (100% de desaceleración). El valor predeterminado es 0, lo que indica que la interpolación se anima a velocidad constante, sin aceleración ni desaceleración.
	target	Number	Al utilizar los comandos Copiar movimiento y Pegar movimiento de Adobe Flash CS3, la herramienta de edición genera XML que no incluye un atributo target para el elemento SimpleEase, ya que Flash CS3 aplica el mismo valor a todas las propiedades de aceleración. No obstante, las clases de ActionScript 3.0 permiten aplicar diferentes valores SimpleEase a propiedades individuales a la vez. Los valores posibles para target son los mismos que para CustomEase: "position", "scale", "rotation", "color", "filters", "x", "y", "scaleX", "scaleY", "skewX" y "skewY".
CustomEase			Define una curva de aceleración personalizada compuesta de curvas cúbicas Bézier. Ésta se puede aplicar a todas las propiedades a la vez, o se pueden definir curvas diferentes para propiedades distintas. Para más información sobre las curvas que representan propiedades de aceleración personalizadas, consulte la clase CustomEase.
	target	Number	La propiedad a la que se asigna un valor personalizado. Al utilizar los comandos Copiar movimiento y Pegar movimiento de Adobe Flash CS3, la herramienta de edición genera estos posibles valores para target: "position", "scale", "rotation", "color", "filters". Las clases de movimiento de ActionScript 3.0 aportan una mayor flexibilidad. Se pueden definir curvas individuales para: "x", "y", "scaleX", "scaleY", "skewX" y "skewY". Si el atributo "target" se omite del XML, todas las propiedades de aceleración se tomarán como destino a la vez. Nota: el XML omite los puntos primero y final en la curva de aceleración personalizada. El primer punto debe ser siempre (0, 0) (el valor inicial de la propiedad interpolada) y el último (1, 1) (el valor final de la propiedad interpolada). Para mantener la eficacia del código y evitar posibles errores, estos valores se omiten del XML y se asumen como implícitos.
filters			Define un objeto del paquete flash.filters para utilizarlo como elemento (por ejemplo: filters:GlowFilter). Se pueden añadir atributos que se correspondan con las propiedades del objeto flash.filters especificado. Por ejemplo: flash.filters

En el ejemplo siguiente, se muestra el ActionScript con XML incluido que describe la interpolación de movimiento de una instancia moveShape MovieClip para el símbolo myShape a medida que gira, se mueve, utiliza un parámetro de aceleración personalizado y cambia los valores alfa en diez fotogramas:

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();

En el ejemplo siguiente, se muestra una interpolación de movimiento más sencilla con un evento de la clase fl.motion.MotionEvent añadido para mostrar un mensaje cuando termina la animación para la instancia de símbolo abox :

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. Todos los derechos reservados.
Fri Oct 12 2007, 2:49 AM GMT-07:00