delay function in appendMultiple

[orderxaos]

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);

[Carl]

Hi,

 

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:

 

http://snorkl.tv/dev...lignVisualizer/

 

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

 

Hopefully this helps.

 

-carl

[orderxaos]

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...

 

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

 

Thanks again!

fedor