/**
* VERSION: 2.22
* DATE: 2010-09-18
* ACTIONSCRIPT VERSION: 3.0
* UPDATES AND DOCUMENTATION AT: http://www.TweenMax.com
**/
package com.greensock.plugins {
import com.greensock.*;
/**
* Bezier tweening allows you to tween in a non-linear way. For example, you may want to tween
* a MovieClip's position from the origin (0,0) 500 pixels to the right (500,0) but curve downwards
* through the middle of the tween. Simply pass as many objects in the bezier Array as you'd like,
* one for each "control point" (see documentation on Flash's curveTo() drawing method for more
* about how control points work).
*
* Keep in mind that you can bezier tween ANY properties, not just x/y.
*
* Also, if you'd like to rotate the target in the direction of the bezier path,
* use the orientToBezier
special property. In order to alter a rotation property accurately,
* TweenLite/Max needs 5 pieces of information:
*
"x"
)"y"
)"rotation"
)orientToBezier
property should be an Array containing one Array for each set of these values.
* For maximum flexibility, you can pass in any number of arrays inside the container array, one
* for each rotational property. This can be convenient when working in 3D because you can rotate
* on multiple axis. If you're doing a standard 2D x/y tween on a bezier, you can simply pass
* in a Boolean value of true and TweenLite/Max will use a typical setup, [["x", "y", "rotation", 0, 0.01]]
.
* Hint: Don't forget the container Array (notice the double outer brackets)
* import com.greensock.TweenLite;
* import com.greensock.plugins.TweenPlugin;
* import com.greensock.plugins.BezierPlugin;
* TweenPlugin.activate([BezierPlugin]); //activation is permanent in the SWF, so this line only needs to be run once.
*
* TweenLite.to(mc, 3, {bezier:[{x:250, y:50}, {x:500, y:0}]}); //makes my_mc travel through 250,50 and end up at 500,0.
*
*
* 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 BezierPlugin 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 **/
protected static const _RAD2DEG:Number = 180 / Math.PI; //precalculate for speed
/** @private **/
protected var _target:Object;
/** @private **/
protected var _orientData:Array;
/** @private **/
protected var _orient:Boolean;
/** @private used for orientToBezier projections **/
protected var _future:Object = {};
/** @private **/
protected var _beziers:Object;
/** @private **/
public function BezierPlugin() {
super();
this.propName = "bezier"; //name of the special property that the plugin should intercept/manage
this.overwriteProps = []; //will be populated in init()
}
/** @private **/
override public function onInitTween(target:Object, value:*, tween:TweenLite):Boolean {
if (!(value is Array)) {
return false;
}
init(tween, value as Array, false);
return true;
}
/** @private **/
protected function init(tween:TweenLite, beziers:Array, through:Boolean):void {
_target = tween.target;
var enumerables:Object = (tween.vars.isTV == true) ? tween.vars.exposedVars : tween.vars; //for TweenLiteVars and TweenMaxVars (we need an object with enumerable properties);
if (enumerables.orientToBezier == true) {
_orientData = [["x", "y", "rotation", 0, 0.01]];
_orient = true;
} else if (enumerables.orientToBezier is Array) {
_orientData = enumerables.orientToBezier;
_orient = true;
}
var props:Object = {}, i:int, p:String, killVarsLookup:Object;
for (i = 0; i < beziers.length; i += 1) {
for (p in beziers[i]) {
if (props[p] == undefined) {
props[p] = [tween.target[p]];
}
if (typeof(beziers[i][p]) == "number") {
props[p].push(beziers[i][p]);
} else {
props[p].push(tween.target[p] + Number(beziers[i][p])); //relative value
}
}
}
for (p in props) {
this.overwriteProps[this.overwriteProps.length] = p;
if (enumerables[p] != undefined) {
if (typeof(enumerables[p]) == "number") {
props[p].push(enumerables[p]);
} else {
props[p].push(tween.target[p] + Number(enumerables[p])); //relative value
}
killVarsLookup = {};
killVarsLookup[p] = true;
tween.killVars(killVarsLookup, false);
delete enumerables[p]; //in case TweenLite/Max hasn't reached the enumerable yet in its init() function. This prevents normal tweens from getting created for the properties that should be controled with the BezierPlugin.
}
}
_beziers = parseBeziers(props, through);
}
/**
* Helper method for translating control points into bezier information.
*
* @param props Object containing a property corresponding to each one you'd like bezier paths for. Each property's value should be a single Array with the numeric point values (i.e. props.x = [12,50,80]
and props.y = [50,97,158]
).
* @param through If you want the paths drawn THROUGH the supplied control points, set this to true.
* @return A new object with an Array of values for each property. The first element in the Array is the start value, the second is the control point, and the 3rd is the end value. (i.e. returnObject.x = [[12, 32, 50], [50, 65, 80]]
)
*/
public static function parseBeziers(props:Object, through:Boolean=false):Object {
var i:int, a:Array, b:Object, p:String;
var all:Object = {};
if (through) {
for (p in props) {
a = props[p];
all[p] = b = [];
if (a.length > 2) {
b[b.length] = [a[0], a[1] - ((a[2] - a[0]) / 4), a[1]];
for (i = 1; i < a.length - 1; i += 1) {
b[b.length] = [a[i], a[i] + (a[i] - b[i - 1][1]), a[i + 1]];
}
} else {
b[b.length] = [a[0], (a[0] + a[1]) / 2, a[1]];
}
}
} else {
for (p in props) {
a = props[p];
all[p] = b = [];
if (a.length > 3) {
b[b.length] = [a[0], a[1], (a[1] + a[2]) / 2];
for (i = 2; i < a.length - 2; i += 1) {
b[b.length] = [b[i - 2][2], a[i], (a[i] + a[i + 1]) / 2];
}
b[b.length] = [b[b.length - 1][2], a[a.length - 2], a[a.length - 1]];
} else if (a.length == 3) {
b[b.length] = [a[0], a[1], a[2]];
} else if (a.length == 2) {
b[b.length] = [a[0], (a[0] + a[1]) / 2, a[1]];
}
}
}
return all;
}
/** @private **/
override public function killProps(lookup:Object):void {
for (var p:String in _beziers) {
if (p in lookup) {
delete _beziers[p];
}
}
super.killProps(lookup);
}
/** @private **/
override public function set changeFactor(n:Number):void {
var i:int, p:String, b:Object, t:Number, segments:int, val:Number;
_changeFactor = n;
if (n == 1) { //to make sure the end values are EXACTLY what they need to be.
for (p in _beziers) {
i = _beziers[p].length - 1;
_target[p] = _beziers[p][i][2];
}
} else {
for (p in _beziers) {
segments = _beziers[p].length;
if (n < 0) {
i = 0;
} else if (n >= 1) {
i = segments - 1;
} else {
i = (segments * n) >> 0;
}
t = (n - (i * (1 / segments))) * segments;
b = _beziers[p][i];
if (this.round) {
val = b[0] + t * (2 * (1 - t) * (b[1] - b[0]) + t * (b[2] - b[0]));
if (val > 0) {
_target[p] = (val + 0.5) >> 0; //4 times as fast as Math.round()
} else {
_target[p] = (val - 0.5) >> 0;
}
} else {
_target[p] = b[0] + t * (2 * (1 - t) * (b[1] - b[0]) + t * (b[2] - b[0]));
}
}
}
if (_orient) {
i = _orientData.length;
var curVals:Object = {}, dx:Number, dy:Number, cotb:Array, toAdd:Number;
while (i--) {
cotb = _orientData[i]; //current orientToBezier Array
curVals[cotb[0]] = _target[cotb[0]];
curVals[cotb[1]] = _target[cotb[1]];
}
var oldTarget:Object = _target, oldRound:Boolean = this.round;
_target = _future;
this.round = false;
_orient = false;
i = _orientData.length;
while (i--) {
cotb = _orientData[i]; //current orientToBezier Array
this.changeFactor = n + (cotb[4] || 0.01);
toAdd = cotb[3] || 0;
dx = _future[cotb[0]] - curVals[cotb[0]];
dy = _future[cotb[1]] - curVals[cotb[1]];
oldTarget[cotb[2]] = Math.atan2(dy, dx) * _RAD2DEG + toAdd;
}
_target = oldTarget;
this.round = oldRound;
_orient = true;
}
}
}
}