MouseEnabled issues

[bdavey311]

Hola,

 

Once the skipIntro function is called I want the button to fadeout to 0 and then be disable or invisible so it can't be clicked again. The button isn't clickable but the alpha gets stuck at .5 and doesn't fade out all the way. What am I missing? It should go to 0!

 

skipButton.buttonMode = true;
skipButton.addEventListener(MouseEvent.ROLL_OVER, overHandler);
skipButton.addEventListener(MouseEvent.ROLL_OUT, outHandler);
skipButton.addEventListener(MouseEvent.CLICK, skipIntro);

TweenLite.to(skipButton, 1, {autoAlpha:.5, ease:Quad.easeOut});

function overHandler(event:MouseEvent):void {
TweenLite.to(skipButton, .3, {autoAlpha:1, ease:Quad.easeOut});
}
function outHandler(event:MouseEvent):void {
TweenLite.to(skipButton, .5, {autoAlpha:.5, ease:Quad.easeOut});
}
function skipIntro(event:MouseEvent):void {
TweenLite.to(skipButton, .5, {autoAlpha:0, ease:Quad.easeOut});
tl.gotoAndPlay("endFrame");
skipButton.mouseEnabled = false;
}

 

Thanks!

[bdavey311]

Ah, found another issue.

 

How can I have the button be disabled and fadeout once it reaches the 22 second point as well if no button is hit. Don't need it to skip back to that point if the user watches past that point.

 

bD

[GreenSock]

It probably goes to alpha:0.5 because that's what you set up in your ROLL_OUT handler. Put a trace() in your rollOut method and I bet you'll see it fire. Remove your ROLL_OVER/ROLL_OUT listeners if you don't want it to trigger those.

 

As for disabling the button and fading it out at the 22 second point, just TweenLite.to(mc, 1, {autoAlpha:0}) then. And remove your listeners if you want to disable it (or set mouseEnabled = false). Were you asking how to delay that from happening until 22 seconds elapses? If so, just use a TweenLite.delayedCall() to call a method at that point where you run your conditional logic. Or put it on your timeline. Lots of options.

[bdavey311]

Ah AS3 how you still blow my mind. Removing the event listeners on the CLICK never occurred to me. Thanks!

 

Using the delayedCall() I'm a little lost on. Sorry! Can you point me in the right direction?

 

Thanks!

Brian

[GreenSock]

Using the delayedCall() I'm a little lost on. Sorry! Can you point me in the right direction?

Sure, to call myFunction after 22 seconds, for example, you'd do:

 

TweenLite.delayedCall(22, myFunction);
function myFunction():void {
   //do stuff here...
}

[clipclicmusic]

Can you give an example of calling myFunction with params ?

 

Thanks

 

Jason

[GreenSock]

Sure.

 

TweenLite.delayedCall(22, myFunction, ["myParam1", 2]);
function myFunction(param1:String, param2:Number):void {
   //do stuff here...
}

[clipclicmusic]

You're the chief man, Jack

 

Thanks