alvarotrigo / fullPage.js

fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
http://alvarotrigo.com/fullPage/
GNU General Public License v3.0
35.3k stars 7.29k forks source link

Animacion with TweenMax #15

Closed rudemex closed 10 years ago

rudemex commented 11 years ago

Buenas, cambie el animate de las paginas por la libreria TweenMax de greensock y es mas fluido y tenes muchos mas easings, ademas, agregue una opcion para deshabilitar el mousewheel, si queres te puedo pasar los sources.

Saludos desde argentina!, excelente js!

http://www.greensock.com/get-started-js/

alvarotrigo commented 11 years ago

La idea es que se puedan anadir transiciones de terceros simplemente con anadir la libreria y cambiar el nombre en el la opcion easing y scrollingSpeed. Publica el codigo y ya le echare un vistazo. Gracias!


The idea is that third party transitions can be added by just adding the library and changing the name of the option easing and scrollSpeed. Publish the code and I will take a look at it. Thanks!

alvarotrigo commented 11 years ago

A que te refieres con desactivar el mousewheel? A que no se pueda usar para pasar de seccion?

Respecto al tema del isMoving, tiene sentido en el mousewheel para que no se pasen 2 secciones de golpe y sobre todo en ordenadores MacBook Pro con el trackpad.

Este problema en cambio no existe con las teclas puesto que nadie pulsa la tecla seguidamente durante el tiempo que dura la animacion y es muy poco probable que se pase de seccion. Lo mismo sucede al pinchar en un link, a veces quieres moverte rapido por la pagina pero no vas a tener el problema de que te pases de secion pinchandno en un anchor link.

Ya mirare el tema de la transicion pero parece que su implementacion no es tan facil como anadir la libreria y el nombre.

rudemex commented 11 years ago

desactivar el mousewheel es un proyecto en el que estoy trabajando, http://www.beatboxacademy.ca/ esta fue mi referencia, y tu libreria me vino al pelo, es una opcion,

en cuanto a la libreria, es mas facil de lo que pensas, si bien, tenes que agregar los archivos de tween, y de los easings, la configuracion es la misma que la de un animate, duracion (que a mi parecer es mas facil de entender la de tween ya q son en seg y no en miliseg.), delay, y los easings cambian un poco los nombres, pero aun asi es facil de adaptar alas options, tal vez, de una manera mas ampli darle la posibilidad de usar 2 seteos de tipo de animacion, tween y animate, en el cual solo cambiaria los easings, ya q la duracion con un simple calculo matematico se puede adaptar. como te dije, es mi humilde opinion y punto de vista. solo q el tween me parece mas fluido q el animate.