A Quick Look At TimelineMax: Advanced Sequencing of TweenMax Tweens

jejeje thanks a lot Carl, with this you give me a hole comprengention of the concept for the TimeLineMax, guess I'm going to do a lot of animation exercises to master it, thanks again for share the most value thing and that is. “knowledge”

no problem. I enjoyed helping you. I am very excited about TimelineMax. I have always avoided learning it myself, but now I'm glad I have a better understanding of it.

[...] tutorial focuses on tweening a TimelineLite instance’s currentProgress and timeScale properties. I want to note that you can also tween [...]

Hi Carl. Your videos have been a tremendous help to me. Thank you so much!

I do have one question that I haven’t been able to figure out. Using the cracked version of your code, were all items follow the same sequence one after another, I was curious how to stagger the objects so that the next box in the line up begins before the prior box finishes.

In my situation I have three dots. I want each to fade in and out, but in a staggered way so that the second dot does not have to wait for the first to complete its entire sequence. Is this possible using your method?

This is my example code:

var dot_arr:Array = new Array (redDot,yellowDot,blueDot);var timeline:TimelineMax = new TimelineMax({repeat:-1});for (var key : String in dot_arr) {var mc : MovieClip = MovieClip (dot_arr[key]); timeline.append(TweenMax.from(mc, .3, {alpha:0})); timeline.append(TweenMax.to(mc, .3, {alpha:0}), .7);}

Thanks again for your time and for all the great educational videos you have created.

the crack file as it is, doesn’t easily allow for overlap.
what i would do there is, in my loop I would make a timeline for each box’s sequence, and then offset the insertion of each child timeline in the main timeline. don’t have time to work that out now.

BUT this should solve your immediate problem:

for(var key:String in boxes_arr){ var mc:MovieClip = MovieClip(boxes_arr[key]); timeline.append(TweenMax.from(mc, .5, {autoAlpha:0, repeat:1, yoyo:true}), -.5);}

notice that -.5 at the end? that is an offset value that means but it .5 seconds BEFORE the previous tween ends.

give it a whirl.

Best,

Carl

This is exactly what I was looking for. Thanks for your help and for replying so quickly! You should really set up a donations page

your welcome. thx for the idea. i’ve always been on the fence about that.
but if you insist…

-c

Hi Carl, thanks for great tutorials! I am facing little problem. I have this code:
var mainArray:Array= [amcMC, tantrumMC, blokMC, misMC, futMC, laoMC, cauMC, deepMC, plusMC, noMC, copMC ];bg1MC.mask=maska1MC;//bg2MC.mask=maska2MC;var timeline:TimelineMax = new TimelineMax({repeat:-1});timeline.appendMultiple( [TweenLite.to( zatmivackaMC, 5, {alpha:0, ease:Back.easeOut} ),  TweenMax.from(dat1MC,0.5,{x:-250, y:-110, delay:-1.5, rotation:-120,blurFilter:{blurX:20}, ease:Back.easeOut}),  TweenMax.from(dat2MC,0.5,{x:900, y:-110, delay:-0.3, rotation:120,blurFilter:{blurX:20}, ease:Back.easeOut}),                     TweenLite.to( maska1MC, 4, {x:-1400,delay:-1,  ease:Back.easeOut})], 0, TweenAlign.SEQUENCE,0); for(var key:String in mainArray){ var mcMain:MovieClip = MovieClip(mainArray[key]); timeline.append(TweenMax.from(mcMain,cas,{x:pocatekX, y: pocatekY, scaleX:0.1, blurFilter:{blurX:20}, ease:Back.easeOut})); timeline.append(TweenMax.to(mcMain,cas,{x:pocatekX, y: pocatekY, delay:jeVidet, blurFilter:{blurX:20}, ease:Back.easeOut})); trace(mcMain.name); }

problem is, I dont know how to influence time gap between first appendMultiple and others in loop. Time between is too long.

Thanks for any help

Well.. here was problem:
zatmivackaMC, 5, {alpha:0, ease:Back.easeOut} 

in ease style.. in linear.normal, everything is ok