Looping inside timeline.appendmultiple

[solomania9]

I'm using this effect to create a rippling across a bunch of sequentially-named movie clips. There's clearly a more efficient way to loop through each mc, but I don't know how to loop inside timeline.appendMultiple. Any suggestions? Thanks so much!

 

import com.greensock.*;
import com.greensock.easing.*;

var transtime = .5;
function init() {
var timeline:TimelineMax=new TimelineMax();
timeline.appendMultiple([	new TweenLite(stripes2.b0, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b0]}),
							new TweenLite(stripes2.b1, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b1]}),
							new TweenLite(stripes2.b2, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b2]}),
							new TweenLite(stripes2.b3, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b3]}),
							new TweenLite(stripes2.b4, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b4]}),
							new TweenLite(stripes2.b5, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b5]}),
							new TweenLite(stripes2.b6, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b6]}),
							new TweenLite(stripes2.b7, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b7]}),
							new TweenLite(stripes2.b8, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b8]}),
							new TweenLite(stripes2.b9, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b9]}),
							new TweenLite(stripes2.b10, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b10]}),
							new TweenLite(stripes2.b11, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b11]}),
							new TweenLite(stripes2.b12, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[stripes2.b12]})
							], 1, TweenAlign.START, .1 );
}

setInterval(init,1000);

function onFinishTween(param1:MovieClip):void {
   //trace("The tween has finished! param1 = " + param1 + ", and param2 = " + param2);
new TweenLite(param1, transtime, {alpha:randomRange(.7,1)})
}


//generate random num between a min and max value
function randomRange(min:Number, max:Number):Number {
return min + (Math.random() * (max - min));
}

[Carl]

yes, instead of using appendMultiple, you will use a loop

 

for(var i:int = 0; ivar mc:MovieClip = stripes2["b"+ i];
timeline.insert( TweenLite(mc, transtime, {alpha:randomRange(.1,1), onComplete:onFinishTween, onCompleteParams:[mc]}), i *.1 ) 
}

 

each tween will start .1 seconds after the previous tween starts

 

 

also, instead of using onComplete to fade out the clip, you could use insertMultiple and add pairs of tweens to the timeline at once.

1 tween fades in the next fades out. you use TweenALign.SEQUENCE for each insertMultiple pair in the for loop like this:

 

for(var i:int = 0; ivar mc:MovieClip = stripes2["b"+ i];
timeline.insertMultiple( [
    TweenLite(mc, transtime, {alpha:randomRange(.1,1)}),
    TweenLite(mc, transtime, {alpha:0)})
], i *.1, TweenAlign.SEQUENCE ) 
}

 

 

the code above is untested. if you have a problem, let me know.

[solomania9]

Amazing! Thanks so much. Will give it a shot and report back.

[solomania9]

Hmm, I tried using your last code chunk with TweenAlign.SEQUENCE and I'm getting the following error. I tried adding the rightbrace but still no luck. Possible to take a look?

1084: Syntax error: expecting rightbrace before rightparen.

 

Thanks again for your help so far!