choosing which properties to tween

[blase]

why cant you write a tween with bunch of properties, (i just copied the first tween i had by my hand), but imagine there are more properties involved, and then you just call a function, pass parameters you want to tween and voila

 

function tween():void {

for (var i:int = 0; i < contentArr.length; i++) {

	TweenMax.to(contentArr[i], .5, {x: valueX , 
						y: valueY, 
						rotation: valueR, 
                                                       delay: _delay,
						ease: _ease });
}
}

[GreenSock]

Could you restate your question? I don't understand what your objective is exactly. You can pass whatever properties in that you want. And if you prefer to create a wrapper function that allows you to pass in variables and it dynamically builds the tween, go for it. If you want to tween multiple targets to the same values, use v11's TweenMax.allTo() method. http://blog.greensock.com/v11beta/

[blase]

And if you prefer to create a wrapper function that allows you to pass in variables and it dynamically builds the tween, go for it.

 

how would this look like?

 

something like this?

 

var circles:Dictionary = new Dictionary();

circles[circle1] = new Object();
circles[circle1].scaleTween = {scaleX:5, scaleY:5, transition:"easeOutElastic"};
circles[circle1].locationTween = {x:middleX, y:middleY, transition:"easeInOutBounce"};
circle1.addEventListener(MouseEvent.CLICK, clicked);

function clicked(e:MouseEvent):void {
  var tweenProperties:Object = circles[e.currentTarget];
  TweenLite.to(e.currentTarget, 0.5, tweenProperties.scaleTween);
  TweenLite.to(e.currentTarget, 0.5, tweenProperties.locationTween);
}

[GreenSock]

Sure, but two cautions:

 

1) You're using transition:"easeOutElastic" but that looks like Tweener syntax. With TweenLite, it's ease:Elastic.easeOut (don't forget to import the easing equation)

 

2) You're creating two tweens of the same object, but the second one will overwrite the first one unless you set overwrite:false or initialize OverwriteManager once, like OverwriteManager.init(2). See http://blog.greensock.com/overwritemanager/

[blase]

lets say i wanted to do this:

 

public static function array( arr:Array, _time:Number, _properties:Object ):void {

		for (var i:int = 0; i < arr.length; i++) {

			TweenLite.to( arr[i], _time, _properties );

		}
	}

 

 

is there a way to tween an array but with some specifics?

for example:

 

var prop:Object  = { x: Math.random() * stage.stageWidth , y: Math.random() * stage.stageHeight, delay: i * tweenTime };
Tween.array( arr, tweenTime, prop );

 

this will tween all objects in array to the same point, but i would like to apply Math.random() to every one independently.

also, how could i implement a delay this way, cause i dont have access to i.

 

and here for example, i would also need an access to i variable in the for loop.

 

var prop:Object = { x: pointArr[i].x, y: pointArr[i].y };
Tween.array( arr, tweenTime, prop );

 

is there a way to somehow implement that?

 

Thanks!

[GreenSock]

Why not just do the tweens in a loop?

 

for (var i:int = 0; i     TweenLite.to(arr[i], time, {x:pointArr[i].x, y:pointArr[i].y, delay:i * time});
}

 

Also, note that in v11, TweenMax.allTo() has a "stagger" parameter that allows you to stagger the start times. It won't help if you want all the destination values to be different, but I figured I'd mention it nonetheless. http://blog.greensock.com/v11beta/

[blase]

I know i can do that but i thought maybe there was a way to make this completely reusable

[GreenSock]

Reusable in what way? I don't see the problem. Do you want to do something like:

 

function doSomething(index:uint):void {
   TweenLite.to(arr[index], time, {x:pointArr[index].x, y:pointArr[index].y, delay:index * time});
}
doSomething(4); //does something for the object at index number 4 in the arr array