[Kill/Remove/Clear TweenMax entirely]

Here, as I learned the broken timeline behavior occurs only when I preview the ad(s) through the Eyeblaster panel in Firefox (3.5+ - 4. (it's the same on mac or PC). However the EB demo package sent to the team or the client works fine in IE (7+?) or in Safari(5+).

[Timeline restart problem]

When a tween is overwritten, it doesn't come back later - it stays overwritten.

 

Now the whole thing suddenly became dead simple and crystal clear. Thank you for your brilliant explanation, this one bugged me since I started to work with Timeline(s)!

 

m(__)m

[Timeline restart problem]

Hi,

I have a hard time understanding a TimelineLite.restart() behaviour (see my sample code and the links below).

The problem is: if a certain tween delay is 0 or a positive number, then the animation sequence is OK, it looks the same forever. If it's negative, and the timeline restarts then there will be a jump in the animation at the *marked tween.

How can I fix the grey box animation? How should I reinitialize the timeline or the tweens, or the object properties?

 

Thanks for helping!

d

 

Sample animation: http://www.dentaku.hu/as/timeline-restart_test.html

The .fla with source code: http://www.dentaku.hu/as/timeline-restart_test.zip

 

// Imports
import com.greensock.*;
import com.greensock.easing.*;
import com.greensock.plugins.*;
TweenPlugin.activate([AutoAlphaPlugin, VisiblePlugin]);


// Tween durations

var durNorm:Number = .6;
var durNeg:Number = -.1;// if this is 0 or a positive number, then the animation sequence looks the same forever. If it's negative and after the timeline restarts there is a jump in the animation at the *marked tween


// Story

var tMain:TimelineLite = new TimelineLite();
tMain.append(TweenLite.from(box1, durNorm, {autoAlpha:0}),0);
tMain.append(TweenLite.from(box2, durNorm, {autoAlpha:0}),durNeg);
tMain.append(TweenLite.from(boxGrey, durNorm, {autoAlpha:0}),durNeg);
tMain.append(TweenLite.from(boxGrey, durNorm, {_y:"50"}),durNeg);

tMain.append(TweenLite.from(box4, durNorm, {autoAlpha:0}),durNeg);
tMain.append(TweenLite.to(boxGrey, durNorm, {_y:"50"}),durNeg);//*marked
tMain.append(TweenLite.to(boxGrey, durNorm, {_y:"50"}),durNeg);

tMain.append(TweenLite.to(box1, durNorm, {autoAlpha:0}),durNeg);
tMain.append(TweenLite.to(box2, durNorm, {autoAlpha:0}),durNeg);
tMain.append(TweenLite.to(boxGrey, durNorm, {autoAlpha:0, onComplete:re}),durNeg);
tMain.append(TweenLite.to(box4, durNorm, {autoAlpha:0}),durNeg);
var tMainEnd:Number = tMain.duration;

// Functions
function re() {
tMain.gotoAndPlay(0);
}