menu scrolls depending on mouse position 1

[firegambler]

hi folks,

does anybody know how that kind of menu is done?

http://www.on-design.de/jukeart/comart/index.htm

(probably maybe you know a link to a tutorial that provides detailed info?)


thanks firegambler
regards

Firegamler

 

[wangbar]

Put a movieclip called 'box' on the stage and add this code to frame 1 - the menu you're talking about is basically this several times over...

//variables
_global.screenHeight = Stage.height;
_global.speed = 20;
//
this.onEnterFrame = function() {
	//move box compared to mouse position
	box.ySpeed = (screenHeight/2-_ymouse)/speed;
	box._y += box.ySpeed;
	//scroll box if it goes off the screen
	if (box._y<0) {
		box._y += screenHeight;
	}
	if (box._y>screenHeight) {
		box._y -= screenHeight;
	}
};[code]

 

[firegambler]

thanks a lot,

just one more question:

in the way you solved that issue... doesn't the menue move either when the mouse is not right over it? (that's one thing i'd like to avoid)

thanks

firegambler regards

Firegamler

 

[wangbar]

Sorry, I don't exactly follow your question. Do you want the menu to stop moving if the mouse touches it? Then stick the whole script above inside a hitTest condition or you could have it stop when the mouse goes past a certain point like:

//variables
_global.screenHeight = Stage.height;
_global.speed = 20;
//
this.onEnterFrame = function() {
if (_xmouse>100) {
//move box compared to mouse position
box.ySpeed = (screenHeight/2-_ymouse)/speed;
box._y += box.ySpeed;
//scroll box if it goes off the screen
if (box._y<0) {
box._y += screenHeight;
}
if (box._y>screenHeight) {
box._y -= screenHeight;
}
}
};

...which stops the box moving if the mouse is within 100 pixels of the left edge of the screen.

 

[firegambler]

thanks a lot for helping me out again!

regards

Firegamler