Foros del Web » Programando para Internet » Javascript »

Efecto de elasticidad con javascript

Estas en el tema de Efecto de elasticidad con javascript en el foro de Javascript en Foros del Web. Hola señores Prepare este menu con efecto de "carrito" en javascript a solicitud de un amigo. El asunto es que ahora lo quiero implementar para ...
  #1 (permalink)  
Antiguo 18/11/2010, 15:42
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 20 años, 10 meses
Puntos: 7
Efecto de elasticidad con javascript

Hola señores

Prepare este menu con efecto de "carrito" en javascript a solicitud de un amigo. El asunto es que ahora lo quiero implementar para un proyecto personal pero le quiero aplicar un efecto de elasticidad llegado al punto donde debe detenerse.

Es simple hacerlo con Flash, pero no se me ocurre como emular el efecto con javascript. Alguna sugerencia, idea o link que me puedan facilitar ??

Gracias de antemano por cualquier ayuda.
__________________
JuniHH
- Mi blog
- Mi portafolio
  #2 (permalink)  
Antiguo 18/11/2010, 15:44
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 6 meses
Puntos: 834
Respuesta: Efecto de elasticidad con javascript

Fijate aquí:
http://www.disegnocentell.com.ar/notas2.php?id=239
O aquí:
http://www.disegnocentell.com.ar/notas2.php?id=199
  #3 (permalink)  
Antiguo 18/11/2010, 16:06
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 20 años, 10 meses
Puntos: 7
Respuesta: Efecto de elasticidad con javascript

@Panino5001: El segundo link es exactamente lo que necesitaba, muchisimas gracias por el.

Ahora, en el caso del primer link noto que la mayoria de los efectos estan basados en "setTimeout" en lugar de "setInterval", cosa que he visto en muchos otros ejemplos de animacion continua. Crees que setTimeout requiera menos recursos del navegador que setInterval ??, porque esa es una duda que tengo pendiente por investigar.
__________________
JuniHH
- Mi blog
- Mi portafolio
  #4 (permalink)  
Antiguo 18/11/2010, 20:42
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 6 meses
Puntos: 834
Respuesta: Efecto de elasticidad con javascript

No hay ninguna razón teórica que indique que setTimeout sea mejor que setInterval, aunque en la práctica a mi me dio mejores resultados usar setTimeout. Justamente digo esto en una parte de ese artículo:
Cita:
Antes de continuar, una aclaración sobre el uso de setTimeout en lugar de setInterval. Si bien es cierto que usar setInterval mejoraría la legibilidad del código y evitaría llamadas recursivas expresas al método init de nuestro objeto transicion, en todas las pruebas de rendimiento que realicé setTimeout arrojó mejores resultados que setInterval. Por eso yo me decanté por él, pero cada uno puede usar lo que más le guste.
Pero te repito, no me baso en nada teórico porque la teoría dice que sería indistinto usar uno u otro. Me baso sólo en mis test y gustos personales.
  #5 (permalink)  
Antiguo 18/11/2010, 21:42
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 20 años, 10 meses
Puntos: 7
Respuesta: Efecto de elasticidad con javascript

Esa pregunta la hice antes de leer tu articulo, del que te aseguro estoy aprendiendo bastante ("estoy" porque aun no lo termino de probar todo).

De mi lado aprendi a escribir javascript gracias a lo que se de actionscript, por lo que cosas como setInterval son mi favorito, pero al ver que tantos prefieren la combinacion setTimeout+for, pongo en duda lo que es correcto y ayuda al ahorro de recursos.

Nuevamente gracias por el enlace, gran articulo viejo.
__________________
JuniHH
- Mi blog
- Mi portafolio

Etiquetas: efecto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:56.