Hey guys, I cant really explain this easy with words so heres an image.
(See Attachment)
When you hover over a button I know how to make it have an animation effect, but how would I make multiple buttons grow in size where the mouse is hovered and the main one is the biggest? So if you slide the mouse it..
You know the Mac bottom toolbar? Like that kinda, or RocketDock. Thats
what im trying to do.
Has anyone seen this done or heard of it or know a site with it?
To be honest - I think it is a great idea, but I don't really have the experience to help you out all that much. I do however have an idea of how to approach it:
var xCord = myButton._xmouse //returns x co-ordinate in relation to button
var yCord = myButton._ymouse //returns y co-ordinate in relation to button
Not completely positive of how to accomplish the next part but here is the idea:
depending on the x and y coordinates (the closer they get to 0) then grow the relative:
myButton._yscale an myButton._xscale get resized. Hopefully someone with better knowledge will complete the missing pieces. I really love using the Flash Dictionary in times like this because you have the idea, and it can help you complete it.
1) create a shape of any color. convert it to a movie clip.
2) go inside that movie clip, draw a circle.
3) advance the timeline over a couple frames.
4) draw a bigger circle
5) right click on the area between the two places on the time line and select create motion tween.
6) add code so that when your mouse moves over that button, have it play that animation.