Groups | Blog | Home
all groups > flash (macromedia) > october 2003 >

flash (macromedia) : Animated button - rollout effect?


Thrillseeker
10/3/2003 9:18:25 PM
I am attempting to create an animated button wich gradually changes color on mouse rollover and gradually fades out again on mouse rollout.
Now.. I've used a movie clip attached to the over state of the button for the rollover effect but how can I put a movie clip for the rollout effect?
What would be the best way to do this?


Thrillseeker
10/4/2003 11:56:01 AM
I followed your guide and maybe I did something wrong but it doesn't seem to work.
forgive me for being an amateur at Flash.

You wrote "On frame on the timeline place:"
On the timeline from Scene 1 or from the Movie Clip and wich frame?

The result I get is a flickering button without mouse interaction.

I learned a movie clip plays even if it is on one frame only.
This movie clip should not start playing until the mouse scrolls over the button.
What did I do wrong?

urami_
10/4/2003 11:58:11 AM

[quoted text, click to view]

if the rollover is same , say from black to red than back from red to black
it would be very easy .
Make a movie clip and the color tween from frame 1 to 10 . Only one way tween .
Give it instance name MCname and place it on top of the button , not IN THE BUTTON !.

On frame on the timeline place :

McName.onEnterFrame = function() {
if (fade) {
this.nextFrame();
} else {
this.prevFrame();
}
};
stop();


and button action

on (rollOver) {
_root.fade = true;
}
on (rollOut, dragOut) {
_root.fade = false;
}


Usually when you rollover , the tween will run , but with sudden roll out
movie clips jump to roll out tween w/o completing the rollover first
making it look not really neat. This will roll the tween back on roll out from
the spot it was currently in . Making it looks smooth and nice....






Regards

urami_*



<lsym>

There's no place like 127.0.0.1

urami_
10/4/2003 8:08:43 PM

[quoted text, click to view]

the action should be on timeline not movie clip frame.
Plus , in that action i placed stop() to prevent the movie clip
from playing so you put it somewhere wrong.
Could be hard to try to find out so perhaps you check the sample
i made for you sec ago .
http://www.flashfugitive.com/cgi-bin/roll_over_fade.swf
d/l
http://www.flashfugitive.com/cgi-bin/roll_over_fade.fla



Regards

urami_*



<lsym>

There's no place like 127.0.0.1

Thrillseeker
10/5/2003 12:12:29 PM
Thank you for taking the time to make that example urami.
I compared the fla file with mine and I found the mistake I made.
I had named the movie clip "McName" but I didn't give the instance of that movie clip the name "McName" yet.

I would like to get into actionscripting... I want to learn all about it.
What would be the best way to learn it?
Is there a site wich describes the actions in understandable english?..


urami_
10/6/2003 7:39:51 AM

[quoted text, click to view]


To get glossary and ideas , really check the help files carefully .
At least read actions description so you know what does it do and how it's called.
If someone mention something in the forum , book or tutorial you at least know whether it is function or properties and what it is for.

Afterwards , go to moock.org and check Collins latest book .
His books are good as they break down actionscript well and walk you from
beginner to advanced on a smooth paths , unlike many others , this one does not
assume you have programing background and you overwhelm with all the confusing Jargon.




Regards

urami_*



<lsym>

There's no place like 127.0.0.1

iota
10/15/2003 6:18:54 AM
urami_

i downloaded your .fla and have managed to apply the effect to a button of my own. the only problem is i have about 12 buttons that i want to apply this effect to on the 1st frame. i tried duplicating the mc and the button and copying the action on the first frame, but when i rolled over one button both buttons faded in. based on your initial example how would i apply the effect to the other buttons?

Thanks
iota.


Thrillseeker
10/15/2003 11:19:14 AM
I'm not an expert but I think when you got one button finished you should copy that button and duplicate the copied button (right click on button -"doublicate symbol").

Urami,

I would like the fade in effect to be very quick and the fade out effect to be very slowly... is that possible?

I was just wondering why the team that built Flash didn't insert a "rollout" frame option in a button.
It would be much easyer to do inserting a movie clip on that frame then using the actionscript.


iota
10/16/2003 1:47:09 AM
i tried that thrillseeker, it doesn't work. both the buttons fade in at the same time.

AddThis Social Bookmark Button