Jump to content


delay function in appendMultiple

Moderator Tag

Recommended Posts

Hello all,


I had never used Tweenlite before, yet sometime back had used TweenMax, so I'm rather new to this especially in AS3.


I had seen a couple of different syntaxes online, and I hope I'm using the right one - as most things work... but here is one that seems to bug me.


Could someone tell me what I'm doing wrong?


here the delay works:

myTimeline.append( new TweenLite(program_container, 0, {alpha:0, ease:Back.easeIn, delay:2}));


but here it does NOT:

myTimeline.appendMultiple([new TweenLite(program_container, 1, { alpha:0, scaleX:.5, scaleY:.5, ease:Linear.easeNone, delay:1}),
 new TweenLite(TV_container, 1, { alpha:1, ease:Linear.easeNone})],
 1, TweenAlign.START, 0.1);

Link to comment
Share on other sites



Welcome back to the world of TweenLite/Max.


When using TweenAlign.START, delays are ignored. If you want to preserve the delay in the first tween use TweenAlign.NORMAL.


as per the appendMultiple() docs:

align:String (default = "normal") — determines how the tweens will be aligned in relation to each other before getting appended. Options are: TweenAlign.SEQUENCE (aligns the tweens one-after-the-other in a sequence), TweenAlign.START (aligns the start times of all of the tweens (ignores delays)), and TweenAlign.NORMAL (aligns the start times of all the tweens (honors delays)). The default is NORMAL.


I understand that sometimes these concepts can be tough to visualize. When I was learning I made the following TweenAlign Visualizer:




Experiment with adding a delay to the first tween and changing the align mode from NORMAL to START.


Hopefully this helps.



  • Like 1
Link to comment
Share on other sites

Hi carl,


Thanks much for your reply!


I took a look, this does something slightly different from my intention...

it delays first Tween from playing, while others play out.


But what I was looking for I found in the visualizer link you posted,

I wanted to do is delay the whole stack from starting to play altogether, and somehow when I tried this before - I don't think it was working for me...


and that is the 4 in this code below as you of course know...


 TweenLite.from(bar1, 1, {scaleY:0}),
 TweenLite.from(bar2, 1, {scaleY:0}),
 TweenLite.from(bar3, 1, {scaleY:0}),
], 4, TweenAlign.NORMAL, 0);


Thanks again!


  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.