Comments on: TimelineMax – Sequence/Group Multiple Tweens, Control Them as a Whole

By: Jack

Jack — Wed, 11 Jan 2012 15:38:06 +0000

Sure, faisal, you can animate pretty much anything with the GreenSock tweening platform. I’ve built entire projects with animations like those (in the video you linked to) without any traditional timeline animations. I tend to do everything through ActionScript because of the flexibility it affords. Plus it can be faster especially when animating a lot of objects at once. Being able to modularize things and nest TimelineLites/Maxes inside other ones makes it particularly convenient to build complex, lengthy animation projects. See http://www.greensock.com/tweening-tips/#3 for that technique.

Happy tweening!

By: faisal

faisal — Wed, 11 Jan 2012 11:32:26 +0000

Hey,

can we create these kinds of animations with TimeLineMax, (instead of doing this on main flash timeline) ???

http://www.youtube.com/watch?v=ypmfs3z8esI

By: Jack

Jack — Wed, 08 Jun 2011 16:21:28 +0000

Sure, Kevin, you could just create your main TimelineMax, pause it, and then use 2 tweens to play it forwards and backwards and tuck those into a parent TimelineMax that gets repeated. Kinda like:

var mainTL:TimelineLite = new TimelineLite({paused:true});
mainTL.append( … )
…add all your tweens…

var parentTL:TimelineMax = new TimelineMax({repeat:-1});
parentTL.append( new TweenLite(mainTL, mainTL.duration, {currentTime:mainTL.duration, ease:Linear.easeNone}), 1);
parentTL.append( new TweenLite(mainTL, mainTL.duration * 0.5, {currentTime:0, ease:Linear.easeNone}), 1);
parentTL.gotoAndPlay(1);

By: Kevin Nugent

Kevin Nugent — Wed, 08 Jun 2011 14:33:31 +0000

Hi, yoyo is just what I need for a banner that I’m working on though I’d really like the tween to reverse much quicker than it plays forwards. I was hoping for something like ‘reverseTimeScale’

var timeline:TimelineMax = new TimelineMax({repeat:-1, yoyo:true, repeatDelay:1.0, reverseTimeScale:2.0});

Any pointers on the best way to achieve this will me very much appreciated.

Many thanks
Kev

By: viaria

viaria — Sun, 17 Apr 2011 23:38:47 +0000

The engine works perfectly.

By: Jack

Jack — Sat, 15 Jan 2011 17:09:55 +0000

Ricardo, it sounds like you must have a stale version of some of the classes (like SimpleTimeline) and a newer version of TimelineLite. Make sure you update all your GreenSock stuff. And if you’re subloading things, make sure you republish the parent and child swfs so you don’t have mis-matching classes.

By: Ricardo

Ricardo — Sat, 15 Jan 2011 13:20:47 +0000

Hi Jack

After updating the API to version 1.63 the following code :

var timeline:TimelineMax;
timeline = new TimelineMax( { onReverseComplete:timelineClear } );

gives me the error :

VerifyError: Error #1053: Illegal override of insert in com.greensock.TimelineLite.

What could it be ?

By: Jack

Jack — Thu, 02 Dec 2010 18:51:34 +0000

Sure, Mike, you can align tweens at the start when you add them one-by-one. That’s exactly what the insert() method is for. It gives you total control over where you place each tween on the timeline. So you can do this:

timeline.insert( new TweenLite(…), 0);
timeline.insert( new TweenLite(…), 0);

Both tweens would be aligned at the very beginning of the timeline.

If you haven’t already watched it, please view the video at http://www.greensock.com/timeline-basics/ because it should clear things up for you.

By: Mike

Mike — Thu, 02 Dec 2010 13:30:53 +0000

Hello man. Thanks for the amazing tools.

I cannot understand however why is there no way to align tweens at START when you add them one by one. It would be so intuitive to have something like

timelineMax.align = ALIGN_START
timelineMax.appendTween(…
timelineMax.start();

Have you ever though of that?

By: Flashmode

Flashmode — Tue, 09 Nov 2010 00:11:29 +0000

Very usefull tool, thx