[jbm1991]

hi again everyone,

yet another question about AS3

i have several buttons on a frame and have their alpha values set to 50% using the properties bit at the bottom after id converted them into Button's. anyhoo, my coding works fine and dandy, navigation works fine and all that, BUT i want to set it so that when i hover my mouse over a button the alpha value "fades" up to 100%, and then when i take my mouse button back off again it fades back down to 50%. i have tried so hard to get this to work, but i just cant
anyway, here's a copy of my script:

//freezes page
stop();
// event listeners
mainAdult.addEventListener(MouseEvent.MOUSE_OVER, increaseAlpha);
mainAdult.addEventListener(MouseEvent.MOUSE_OUT, decreaseAlpha);
mainChild.addEventListener(MouseEvent.ROLL_OVER, increaseAlpha);
mainChild.addEventListener(MouseEvent.ROLL_OUT, decreaseAlpha);
mainAdult.addEventListener(MouseEvent.MOUSE_DOWN, onClickMainAdult);
mainChild.addEventListener(MouseEvent.MOUSE_DOWN, onClickMainChild);
//functions
function onClickMainAdult(evt:MouseEvent):void {
	gotoAndStop("adultIntro");
}

function onClickMainChild(evt:MouseEvent):void {
	gotoAndStop("childIntro");
}

function increaseAlpha(evt:MouseEvent):void{
	evt.currentTarget.alpha += 5;
	if (evt.currentTarget.alpha >= 100)
		{
			evt.currentTarget.alpha = 100;
		}
}

function decreaseAlpha(evt:MouseEvent):void{
	evt.currentTarget.alpha -= 5;
	if (evt.currentTarget.alpha <= 50)
	{
		evt.currentTarget.alpha = 50;
	}
}

if you could tell me where ive gone wrong or point me in the correct direction that would be great, thanks

EDIT: oh and the reason im using evt.currentTarget is because i would like this function to be usable by as many buttons as i would like, rather than having to make a whole new function for every button, cause that just gets really messy and inefficient.

[-Fabez-]

So to clarify, when you mouse over, the alpha does not go back up to 100 % ?

[jbm1991]

no it does go back up to 100%, but it just jumps straight to 100%, it doesn't fade in from 50% to 100%. And when i take my mouse back off again it disappears, it doesn't even jump back down to 50. the button just vanishes. it is still click able, but you cant see it.

[-Fabez-]

Try looking into the Tween class. You're code appears to work fine, however in order for the MovieClips to fade back to 50% alpha, change this line.

if (evt.currentTarget.alpha <= 50)

To

if (evt.currentTarget.alpha >= 50)

[jbm1991]

thanks for the suggestion, but im trying to do all this in one frame, without making tween's over several frames.
any ideas?

[-Fabez-]

The Tween class is part of ActionScript and can be done using one frame, differing from tweens that use frames. http://livedocs.adobe.com/flash/9.0/...ons/Tween.html Is a link to the Adobe documentation on the ActionScript Tween class.

[jbm1991]

oooh, now that is something i'd forgotten about. you dont have any simple examples of it relevant to what i need do you? i hate using the adobe help things, i can never understand them

also, how do i make it generalised? do i still use evt.currentTarget within the tween?

and how do i reference to them in event listeners?

[jbm1991]

aahhh would i make the tween, then reference it in a function, and then reference the said function in an event listener?

[jbm1991]

**** me sideways it works its not quite how i'd like it however, as it is not generalised and i have resorted doing it by button, rather than generalness like what i was aiming for above with evt.currentTarget.
anyway heres my new and working code, ignore all the excessive comments and what not, i havent made that part of the project yet so ive commented them out for now.

import fl.transitions.Tween;
import fl.transitions.easing.*;
//freezes page
stop();
// event listeners
mainAdult.addEventListener(MouseEvent.MOUSE_OVER, increaseAlphaAdult);
mainAdult.addEventListener(MouseEvent.MOUSE_OUT, decreaseAlphaAdult);
//mainChild.addEventListener(MouseEvent.ROLL_OVER, increaseAlpha);
//mainChild.addEventListener(MouseEvent.ROLL_OUT, decreaseAlpha);
mainAdult.addEventListener(MouseEvent.MOUSE_DOWN, onClickMainAdult);
//mainChild.addEventListener(MouseEvent.MOUSE_DOWN, onClickMainChild);

//functions
function onClickMainAdult(evt:MouseEvent):void {
	gotoAndStop("adultIntro");
}
function increaseAlphaAdult(evt:MouseEvent):void{
	btnAlphaInAdult.start();
}
function decreaseAlphaAdult(evt:MouseEvent):void{
	btnAlphaOutAdult.start();
}

//variables 
var btnAlphaInAdult:Tween = new Tween(mainAdult, "alpha", None.easeIn, 0.5, 1, 1, true);
btnAlphaInAdult.stop();
var btnAlphaOutAdult:Tween = new Tween(mainAdult, "alpha", None.easeIn, 1, 0.5, 1, true);
btnAlphaOutAdult.stop();

if you could tell me how to make it more generalised for the variables and event listeners for the fading that would be great

[-Fabez-]

Glad its working for you In your Tweens, try replacing the target with the following code to make it more generic.

this

evt.currentTarget

[jbm1991]

hi again fabez right, the suggestion of "this" worked (evt.currentTarget doesnt i tried it before and claims it cant find it or something).
HOWEVER now instead of the button fading in and out, the WHOLE frame fades in and out i.e. everything on the frame sets to 0.5 alpha then when i hover over the button it fades in to 1, then fades back out again when i go off the button. /cry

is there any way it can just be set to fade in the button's yet keeping the generality?
you appear to be on the right track with "this", any more suggestions or modifications?

here's my new code:

import fl.transitions.Tween;
import fl.transitions.easing.*;
//freezes page
stop();
// event listeners
mainAdult.addEventListener(MouseEvent.MOUSE_OVER, increaseAlpha);
mainAdult.addEventListener(MouseEvent.MOUSE_OUT, decreaseAlpha);
//mainChild.addEventListener(MouseEvent.ROLL_OVER, increaseAlpha);
//mainChild.addEventListener(MouseEvent.ROLL_OUT, decreaseAlpha);
mainAdult.addEventListener(MouseEvent.MOUSE_DOWN, onClickMainAdult);
//mainChild.addEventListener(MouseEvent.MOUSE_DOWN, onClickMainChild);

//functions
function onClickMainAdult(evt:MouseEvent):void {
	gotoAndStop("adultIntro");
}
function increaseAlpha(evt:MouseEvent):void{
	btnAlphaIn.start();
}
function decreaseAlpha(evt:MouseEvent):void{
	btnAlphaOut.start();
}

//variables 
var btnAlphaIn:Tween = new Tween(this, "alpha", None.easeIn, 0.5, 1, 1, true);
btnAlphaIn.stop();
var btnAlphaOut:Tween = new Tween(this, "alpha", None.easeIn, 1, 0.5, 1, true);
btnAlphaOut.stop();

[jbm1991]

you got anymore suggestions Fabez?

unfortunately the deadline for this project is looming

[-Fabez-]

The following code applies the same functions to all MovieClips passed as parameters to ApplyActions, however you can alter it to apply different code to different MovieClips. If you dont understand any of my code I will be happy to add code and explain it to you

import fl.transitions.Tween;
import fl.transitions.easing.*;
function ApplyActions(FunctionTarget:MovieClip) {
	FunctionTarget.addEventListener(MouseEvent.ROLL_OUT,function PassParams(evt:MouseEvent){RollOutFunction(FunctionTarget)});
	FunctionTarget.addEventListener(MouseEvent.ROLL_OVER,function PassParams(evt:MouseEvent){RollOverFunction(FunctionTarget)});
	FunctionTarget.addEventListener(MouseEvent.MOUSE_DOWN,function PassParams(evt:MouseEvent){MouseDownFunction(FunctionTarget)});
}
function RollOutFunction(FunctionTarget:MovieClip) {
	new Tween(FunctionTarget, "alpha", None.easeIn, 0.5, 1, 0.5, true);
}
function RollOverFunction(FunctionTarget:MovieClip) {
	new Tween(FunctionTarget, "alpha", None.easeIn, 1, 0.5, 1, true);
}
function MouseDownFunction(FunctionTarget:MovieClip) {
}
ApplyActions(mainAdult);
ApplyActions(mainChild);

[jbm1991]

you lost me at : "function ApplyActions(FunctionTarget:MovieClip) { "

im new to actionscript and programming in general so forgive me for being slow

if you could give me a run down on what all that is going on about that would be great

thanks in advance

[-Fabez-]

I will add comments to my code and post it again for you, it may be tommorow though. If you still have any questions I will be happy to answer them so you can understand and adapt the code