Easing flash menu

Hello,

I am desparetely trying to make a horizontal easing flash menu, that moves when the user runs their mouse over it.

It is basically the same effect as the link below. This site has a really cool photo viewing gallery that uses the mouse over motion effect.

I jusr want to implement it onto a horizontal menu....

Check out the link, and follow the navigation listed below to check it out.

Any help / advice / code would be really appreciated.

http://www.thedufferofstgeorge.com/

1.launch site
2. hit 'special projects'
3. hit the '20 ans' button / graphic for it to load.

It's really nice!!

this would require good knowledge of AS.. and lots of patience as well coz you WON'T get it right the first time.. I know coz I've been there
do you have what it takes? -_^

Go on, hit me with it! I can take it!

Any advice or code would be great.

Greetings from London!

If you were to try and mimic the style I would first start with finding the position of the mouse on the movieclip and then return a percentage.
If the mouse is all the way left or beyond that is 0% and right edge and beyond is 100%.
Same with top to bottom.

Find where the mouse is located and then you will have a percentage value to apply to the position of any other elements.

another way to do it is to have the speed of the menu be a function of how far off-center the mouse is... and then just have stop-points...

i did this a while ago for this photographer's site...
i based it off of [url="http://www.tutorio.com/tutorial/simple-flash-xml-photogallery"]this tutorial[/url] and the scroll code was:


check out that tut, though... and the thread i posted the scrolling code in is [url="http://www.tutorio.com/forums/showtopic-41.html"]here[/url], i'm puck... yeah...

if you have any questions, come with 'em...

or if you want something a little more simple you could use something like this...



check out http://www.myspace.com/rldesigns to see the code in action...
mouse over the mp3 player on top.

code goes on the movieClip that you want to slide.

_y is obviously the angle you want to slide.
14 would be the distance
2 would be the speed

hope that helps

Thanks guys - VERY MUCH APPRECIATED!

Will give them a crack and let you know how I get on.

Thanks again.

andrew_meder

R.I.D.,

that's nice, man... much more elegant than my scrappy code...
pretty tight that there's always more than one way to... um... peel an orange? (the cat thing's just kinda nasty)

peace out

this is what you get when you ask a help from a hardcore AS'esr, they al seem to know how to do it, but none of them can tell how.

A hardcore coder would write millions of code lines and waste lots of time on this, well heres how a smart programmer would to it.

function initScroll() {
this.onEnterFrame = function() {
if (Mask_mc.hitTest(_root._xmouse, _root._ymouse)) {
var Items_mc = _root.target_mc
var position = _root._xmouse-this._x-15;
var visibleWidth = Mask_mc._width-15;
var allWidth = Items_mc._width-matomas;
var stepA = allWidth/visibleWidth;
var needsToBeHere = 10-(Mask_mc._x+(position*stepA));
if (needsToBeHere<-(allWidth-15)) {
needsToBeHere = -(allWidth-15);
}
if (needsToBeHere>10) {
needsToBeHere = 10;
}
var isHere = Items_mc._x;
new mx.transitions.Tween(Items_mc, "_x", mx.transitions.easing.Elastic.easeOut, isHere, needsToBeHere, 3, true);
}
};
}

There are quite a lot of things that i learned in my 5 years of flashing, and one of those things is that, when you have written more that 30 lines of code for a simple looking action- delete it and start using F1 to find alternative

Thanks a lot for that - will certainly give it a go.

All the best.

You can use some online or desktop menu creator.
Like that one: http://flash-menu.net it's online

dude you found a 2 year old thread. I assume the problem has been solved...