Comunidad de diseño web y desarrollo en internet online

botones "elásticos".. ayuda c/codigo

Citar            
MensajeEscrito el 07 Dic 2009 05:25 pm
alguien me podrá dar una manito con el código de las burbujas para que se muevan de esa forma? ... con elasticidad y siguiendo el puntero del mouse ... gracias :)


http://www.templatemonster.com/flash-templates/24017.html

Por Mr. D. Vided

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Dic 2009 09:45 pm
Pues es bonido el efecto pero no tan complicado como parece. Para crearlo debes seguir las siguientes normas:


  1. El "magnétismo" o atracción al pasar el mouse, es en realidad un mero follow up a las coordenas del mouse dividiendole sus valores, así hasta que te alcanza tardará un rato. O sea... Estoy en X, para llegar a Y podría hacerlo de dos formas:


    • X = Y
    • X += Y/15


  2. Para el efecto de "soltar" cuando se llega a un umbral determinado, debemos calcular las distancias determinadas máximas de nuestros botones al centro de referencia, en este caso la esfera grande. Para eso debemos calcular distancias usando Pitagoras:

    Pitagoras escribió:

    El cuadrado de la hipotenusa es igual a la suma de los cuadrados de sus catetos


  3. Para la elasticidad, una vez que detectamos que el objecto llego a su máxima incidencia, simplemente le podemos devolver a su X y Y iniciales con la Clase Tween usando "Elastic" y quizá en 5 o 6 segundos para que la animación sea suave.


Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

firefox

 

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