/** * VERSION: 1.02 * DATE: 2010-10-11 * ACTIONSCRIPT VERSION: 3.0 * UPDATES AND DOCUMENTATION AT: http://www.GreenSock.com **/ package com.greensock.plugins { import com.greensock.*; import flash.geom.Matrix; import flash.geom.Transform; /** * TransformMatrixPlugin allows you to tween a DisplayObject's transform.matrix values directly * (a, b, c, d, tx, and ty) or use common properties like x, y, scaleX, scaleY, * skewX, skewY, rotation and even shortRotation. * To skew without adjusting scale visually, use skewX2 and skewY2 instead of skewX and skewY. *

* * transformMatrix tween will affect all of the DisplayObject's transform properties, so do not use * it in conjunction with regular x/y/scaleX/scaleY/rotation tweens concurrently.

* * USAGE:

* * import com.greensock.TweenLite;
* import com.greensock.plugins.~~;
* TweenPlugin.activate([TransformMatrixPlugin]); //activation is permanent in the SWF, so this line only needs to be run once.

* * TweenLite.to(mc, 1, {transformMatrix:{x:50, y:300, scaleX:2, scaleY:2}});

* * //-OR-

* * TweenLite.to(mc, 1, {transformMatrix:{tx:50, ty:300, a:2, d:2}});

* *
* * Copyright 2011, GreenSock. All rights reserved. This work is subject to the terms in http://www.greensock.com/terms_of_use.html or for corporate Club GreenSock members, the software agreement that was issued with the corporate membership. * * @author Jack Doyle, jack@greensock.com */ public class TransformMatrixPlugin extends TweenPlugin { /** @private **/ public static const API:Number = 1.0; //If the API/Framework for plugins changes in the future, this number helps determine compatibility /** @private **/ private static const _DEG2RAD:Number = Math.PI / 180; /** @private **/ protected var _transform:Transform; /** @private **/ protected var _matrix:Matrix; /** @private **/ protected var _txStart:Number; /** @private **/ protected var _txChange:Number; /** @private **/ protected var _tyStart:Number; /** @private **/ protected var _tyChange:Number; /** @private **/ protected var _aStart:Number; /** @private **/ protected var _aChange:Number; /** @private **/ protected var _bStart:Number; /** @private **/ protected var _bChange:Number; /** @private **/ protected var _cStart:Number; /** @private **/ protected var _cChange:Number; /** @private **/ protected var _dStart:Number; /** @private **/ protected var _dChange:Number; /** @private **/ protected var _angleChange:Number = 0; /** @private **/ public function TransformMatrixPlugin() { super(); this.propName = "transformMatrix"; this.overwriteProps = ["x","y","scaleX","scaleY","rotation","transformMatrix","transformAroundPoint","transformAroundCenter","shortRotation"]; } /** @private **/ override public function onInitTween(target:Object, value:*, tween:TweenLite):Boolean { _transform = target.transform as Transform; _matrix = _transform.matrix; var matrix:Matrix = _matrix.clone(); _txStart = matrix.tx; _tyStart = matrix.ty; _aStart = matrix.a; _bStart = matrix.b; _cStart = matrix.c; _dStart = matrix.d; if ("x" in value) { _txChange = (typeof(value.x) == "number") ? value.x - _txStart : Number(value.x); } else if ("tx" in value) { _txChange = value.tx - _txStart; } else { _txChange = 0; } if ("y" in value) { _tyChange = (typeof(value.y) == "number") ? value.y - _tyStart : Number(value.y); } else if ("ty" in value) { _tyChange = value.ty - _tyStart; } else { _tyChange = 0; } _aChange = ("a" in value) ? value.a - _aStart : 0; _bChange = ("b" in value) ? value.b - _bStart : 0; _cChange = ("c" in value) ? value.c - _cStart : 0; _dChange = ("d" in value) ? value.d - _dStart : 0; if (("rotation" in value) || ("shortRotation" in value) || ("scale" in value && !(value is Matrix)) || ("scaleX" in value) || ("scaleY" in value) || ("skewX" in value) || ("skewY" in value) || ("skewX2" in value) || ("skewY2" in value)) { var ratioX:Number, ratioY:Number; var scaleX:Number = Math.sqrt(matrix.a * matrix.a + matrix.b * matrix.b); //Bugs in the Flex framework prevent DisplayObject.scaleX from working consistently, so we must determine it using the matrix. if (matrix.a < 0 && matrix.d > 0) { scaleX = -scaleX; } var scaleY:Number = Math.sqrt(matrix.c * matrix.c + matrix.d * matrix.d); //Bugs in the Flex framework prevent DisplayObject.scaleY from working consistently, so we must determine it using the matrix. if (matrix.d < 0 && matrix.a > 0) { scaleY = -scaleY; } var angle:Number = Math.atan2(matrix.b, matrix.a); //Bugs in the Flex framework prevent DisplayObject.rotation from working consistently, so we must determine it using the matrix if (matrix.a < 0 && matrix.d >= 0) { angle += (angle <= 0) ? Math.PI : -Math.PI; } var skewX:Number = Math.atan2(-_matrix.c, _matrix.d) - angle; var finalAngle:Number = angle; if ("shortRotation" in value) { var dif:Number = ((value.shortRotation * _DEG2RAD) - angle) % (Math.PI * 2); if (dif > Math.PI) { dif -= Math.PI * 2; } else if (dif < -Math.PI) { dif += Math.PI * 2; } finalAngle += dif; } else if ("rotation" in value) { finalAngle = (typeof(value.rotation) == "number") ? value.rotation * _DEG2RAD : Number(value.rotation) * _DEG2RAD + angle; } var finalSkewX:Number = ("skewX" in value) ? (typeof(value.skewX) == "number") ? Number(value.skewX) * _DEG2RAD : Number(value.skewX) * _DEG2RAD + skewX : 0; if ("skewY" in value) { //skewY is just a combination of rotation and skewX var skewY:Number = (typeof(value.skewY) == "number") ? value.skewY * _DEG2RAD : Number(value.skewY) * _DEG2RAD - skewX; finalAngle += skewY + skewX; finalSkewX -= skewY; } if (finalAngle != angle) { if (("rotation" in value) || ("shortRotation" in value)) { _angleChange = finalAngle - angle; finalAngle = angle; //to correctly affect the skewX calculations below } else { matrix.rotate(finalAngle - angle); } } if ("scale" in value) { ratioX = Number(value.scale) / scaleX; ratioY = Number(value.scale) / scaleY; if (typeof(value.scale) != "number") { //relative value ratioX += 1; ratioY += 1; } } else { if ("scaleX" in value) { ratioX = Number(value.scaleX) / scaleX; if (typeof(value.scaleX) != "number") { //relative value ratioX += 1; } } if ("scaleY" in value) { ratioY = Number(value.scaleY) / scaleY; if (typeof(value.scaleY) != "number") { //relative value ratioY += 1; } } } if (finalSkewX != skewX) { matrix.c = -scaleY * Math.sin(finalSkewX + finalAngle); matrix.d = scaleY * Math.cos(finalSkewX + finalAngle); } if ("skewX2" in value) { if (typeof(value.skewX2) == "number") { matrix.c = Math.tan(0 - (value.skewX2 * _DEG2RAD)); } else { matrix.c += Math.tan(0 - (Number(value.skewX2) * _DEG2RAD)); } } if ("skewY2" in value) { if (typeof(value.skewY2) == "number") { matrix.b = Math.tan(value.skewY2 * _DEG2RAD); } else { matrix.b += Math.tan(Number(value.skewY2) * _DEG2RAD); } } if (ratioX || ratioX == 0) { //faster than isNaN() matrix.a *= ratioX; matrix.b *= ratioX; } if (ratioY || ratioY == 0) { matrix.c *= ratioY; matrix.d *= ratioY; } _aChange = matrix.a - _aStart; _bChange = matrix.b - _bStart; _cChange = matrix.c - _cStart; _dChange = matrix.d - _dStart; } return true; } /** @private **/ override public function set changeFactor(n:Number):void { _matrix.a = _aStart + (n * _aChange); _matrix.b = _bStart + (n * _bChange); _matrix.c = _cStart + (n * _cChange); _matrix.d = _dStart + (n * _dChange); if (_angleChange) { //about 3-4 times faster than _matrix.rotate(_angleChange * n); var cos:Number = Math.cos(_angleChange * n); var sin:Number = Math.sin(_angleChange * n); var a:Number = _matrix.a; var c:Number = _matrix.c; _matrix.a = a * cos - _matrix.b * sin; _matrix.b = a * sin + _matrix.b * cos; _matrix.c = c * cos - _matrix.d * sin; _matrix.d = c * sin + _matrix.d * cos; } _matrix.tx = _txStart + (n * _txChange); _matrix.ty = _tyStart + (n * _tyChange); _transform.matrix = _matrix; } } }