Comunidad de diseño web y desarrollo en internet online

ayuda menú circular

Citar            
MensajeEscrito el 05 Nov 2007 10:48 am
Hola muy buenas,

Estoy mirando de implementar un menú de este estilo, que cuando situas el mouse sobre una de las opciones del menú la luz de color roja se desplaza por el circulo hasta situarse en la opción seleccionada.



Espero que alguno de vosotros podáis hecharme una mano o indicarme algún tutorial que me sirva de ayuda.

Gracias de antemano a todos.

pd: Si se pudiese hacer con un efecto easing ya sería la ostia... Saludos.

Por PLoNk

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Nov 2007 12:10 pm
Hola
mira puedes hacer de varias formas este menu pero te recomiendo que utilices la propiedad rotation

ejemplo
creas una movie en donde esta el menu ejemplo menu_mc

en otra creas la luz. ejemplo luz_mc

la idea es que ambas esten en el centro.

despues colocas los botones del menu y a luz_mc le das una rotacion

ejemplo
on (rollover){
_parent.luz_mc._rotation=90
}

esto girará tu movie clip

tambien puedes hacerlos con animaciones usando tween u otro tipo transición

Por Kalakfactory

38 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Nov 2007 12:34 pm
Gracias Kalak, probaré lo que me dices. Coincide con un tutorial que al fin he encontrado.

Un saludo,

PLoNk

Por PLoNk

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Nov 2007 06:34 pm
Bueno parece que ya he conseguido bastante, pero ahora me encuentro con el siguiente problema:

Tengo la mc rotando por donde quiero, pero no como yo quiero. Si os fijáis cuando pones el mouse encima del circulo la luz no se pone justo donde esta el mouse, sino que unos 90 grados de diferencia...

Os dejo un ejemplo para que le déis un vistazo:



El script que he aplicado es el siguiente:

Código :

onEnterFrame = function() {
   luz._rotation += luz._xmouse / 10;
}


A ver si alguien puede hecharme una mano.

Gracias.

Por PLoNk

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Nov 2007 06:38 pm
Problema solucionado chicos. Gracias de todas formas.

Por PLoNk

10 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.