stopping a tween before it starts

[larryfroot]

Hello froots -

 

I have this code:

 

var myTween:TweenMax = TweenMax.to(fb_mc, 1, {colorMatrixFilter:{colorize:0xff0000, amount:1}});

 

fb_mc.onRollOver=function(){

myTween.play();

}

fb_mc.onRollOver=function(){

myTween.reverse();

}

 

Which works except that the blessed tween initaites as soon as the swf is compiled, like a rat out of an aquaduct. What must I do to kerb its enthusiasm? What will it take for this tween to tween on rollOver and not prematurely bolt out of the stable with a chillie up its a****? Any help gratefully recieved, and many thanks in advance. LF

[box86rowh]

instead of TweenMax.to, can you use the constructor,

var tween:TweenMax = new TweenMax(....);

[larryfroot]

You may well be right sir, but what's the syntax after the constructor? Please? And thank you for getting involved

[box86rowh]

You may well be right sir, but what's the syntax after the constructor? Please? And thank you for getting involved

pretty sure its the same as what you have above

[larryfroot]

Ok....so I have probably mangled this beyond reason...

 

var myTween:TweenMax = new TweenMax.to(fb_mc, 1, {colorMatrixFilter:{colorize:0xff0000, amount:1}});

 

fb_mc.onRollOver=function(){

myTween.play();

}

fb_mc.onRollOver=function(){

myTween.reverse();

}

 

And now it still executes without the rollOver, but now it won't reverse the tween either. Hmmmm

 

Thanks, appreciate your time...

[box86rowh]

var myTween:TweenMax = new TweenMax(fb_mc, 1, {colorMatrixFilter:{colorize:0xff0000, amount:1}});

 

fb_mc.onRollOver=function(){

myTween.play();

}

fb_mc.onRollOver=function(){

myTween.reverse();

}

what does this do?

[Choochoo]

fb_mc.onRollOver=function(){

myTween.play();

}

fb_mc.onRollOver=function(){

myTween.reverse();

}

 

they are both on rollover, change the reverse to on RollOut, and just stop the tween after its made, make sure you've imported the plugins and ran the plugin enabler;

 

var myTween:TweenMax = TweenMax.to(fb_mc, 1, {colorMatrixFilter:{colorize:0xff0000, amount:1}});

myTween.stop();

 

fb_mc.onRollOver=function(){

myTween.play();

}

fb_mc.onRollOut=function(){

myTween.reverse();

}

[larryfroot]

The tween still happens automatically - when I mouse over it the tween reverses, and when I roll out and back over again, nothing happens (rather than the tween being executed on rollOver)...cheers mate.

[Choochoo]

check my edit, let me know the results

[larryfroot]

Ok will do that....be back in a short while...Gawd - my heads everywhere tonight...typo city...

[larryfroot]

I am so sorry to cause you any bother due to a typo, thank you chaps, all is well in tweenland for this tired froot. Thanks muchly and may your days be frooty....

[GreenSock]

You're using v11, right? It should be as simple as using the "paused" special property, like:

 

var myTween:TweenMax = new TweenMax(fb_mc, 1, {colorMatrixFilter:{colorize:0xff0000, amount:1}, paused:true});

fb_mc.onRollOver=function(){
   myTween.play();
}
fb_mc.onRollOver=function(){
   myTween.reverse();
}

 

It's the same things as calling pause() right after you create the tween, but I personally find it a bit more convenient.

 

Enjoy! And I'd definitely recommend using v11 if you're not already. http://blog.greensock.com/v11beta/