remove tween automatically

[frosty383]

Hey!

 

I have something like this:

 

var thisMc = this as MovieClip;

var thisAnim = TweenLite.to(thisMc, T, {alpha:0, rotation:360, onComplete:function(){

   thisAnim.reverse();

}, onReverseComplete:function(){

   thisAnim.restart();

}});

 

And the movieclip doesn't exist in the next frame.

How can I remove the tween automatically when my SWF goes to the next frame?

Thank you!

[jamiejefferson]

Just before your call to gotoAndStop() etc, you should call thisAnim.kill(). There's no automatic way to do this, and no event for frame changing to listen for.

 

http://stackoverflow.com/a/7769689

[frosty383]

solved!

 

I added this into the root:

var btnClicked:Boolean = false;

 

function clickHandler(e:MouseEvent){

  btnClicked = true;

}

 

and now my tween looks like this

 

var thisAnim = TweenLite.to(thisMc, T, {alpha:0, rotation:360, onUpdate:function(){

    if(MovieClip(root).btnClicked) thisAnim.kill();

}, onComplete:function(){

    if(MovieClip(root).playBtnClicked) return;

    thisAnim.reverse();

}, onReverseComplete:function(){

    if(MovieClip(root).playBtnClicked)return;

    thisAnim.restart();

}});

 

It works ok so far... If there is a better way to do it, please help!

Thank you!

[Carl]

I would much rather use clickHandler to kill the tween than use an onUpdate to repeatedly check (or any callback for that matter)

 

function clickHandler(e:MouseEvent){
  btnClicked = true;
  thisAnim.kill()
}

[expint2006]

Hello, I have a problem replaying my simple animation, when I clicked the "Replay" button, a looping (repeat=-1) timelineMax which nested in my main timelineMax cannot be killed, and hence continue playing... my code simplified as below:

replayBTN.buttonMode=true;

replayBTN.addEventListener(MouseEvent.CLICK, replayOnce);
function replayOnce(event:MouseEvent):void
{    
loopingTL.kill(); // a timelineMax that nested in my main timelineMax, with repeat=-1, GOT ERROR >.<
main.totalProgress(0); //<<My main timelineMax
main.restart();
}

 

Thanks!!

[Carl]

Hi expint2006,

 

Please create a simplified fla, zip it and attach here using the "more reply options" button.

I can't tell what isn't working from looking at the code you provided.

 

Thanks

[expint2006]

Hi Carl, fla attached, thank a lot for your help!

 

[Carl]

Thanks for the file. There are a few programming errors

 

 

 

function replayOnce(event:MouseEvent):void
{ 
greeting.kill(); // a looping timelineMax that nested in my main timelineMax, with repeat=-1, GOT ERROR >.<
}


function greeting():void {
var greeting = new TimelineMax({repeat:-1,repeatDelay:2});
greeting
.to(en, 2.5, {alpha:alphaValueOrig})
.to(en, 2.5, {alpha:alphaValueZero,delay:2.5})
}

issue 1: your greeting timeline is defined inside a function. this means that code in your replay function will not see it.

issue 2: you have a function named greeting AND a timeline named greeting. 

 

do something like this

var greetingTimeline:TimelineLite; // declare timeline var outside of functions and give it a name different than your function

function replayOnce(event:MouseEvent):void
{ 
greetingTimeline.kill(); 
}


var greetingTimeline = new TimelineMax({repeat:-1,repeatDelay:2});
greetingTimeline.to(en, 2.5, {alpha:alphaValueOrig})
.to(en, 2.5, {alpha:alphaValueZero,delay:2.5})
}

[expint2006]

Hi Carl, thanks for your quick reply! But I still got the below error:

TypeError: Error #1009: Cannot access a property or method of a null object reference.

 

I guess there's still some programming errors in the code? Thanks again for helping a beginner like me.

eCard-simplified-v2.zip

[Carl]

you are still declaring greetingTimeline as a local variable inside the greeting() function

 

BAD

function greeting():void {
var greetingTimeline = new TimelineMax({repeat:-1,repeatDelay:2});
greetingTimeline
.to(en, 2.5, {alpha:alphaValueOrig})
.to(en, 2.5, {alpha:alphaValueZero,delay:2.5})
;
}

GOOD (don't use var)

function greeting():void {
greetingTimeline = new TimelineMax({repeat:-1,repeatDelay:2});
greetingTimeline
.to(en, 2.5, {alpha:alphaValueOrig})
.to(en, 2.5, {alpha:alphaValueZero,delay:2.5})
;
}

[expint2006]

Thanks Carl, now everything works like a charm. And big thanks to GSAP that makes animating with code comprehensible... those var/ function stuff looks like alien language to many graphic designers