¿Qué puedo hacer con GreenSock que no puedo hacer con Anime.CSS y jQuery?

También he estado usando Greensock desde los días de Flash AS3 y estaba muy emocionado cuando fue portado a JavaScript. No conozco Anime.CSS, pero definitivamente sé las transiciones jquery y CSS.

Diré esto, las animaciones realmente deben cumplir algunos requisitos mínimos antes de considerar la posibilidad de incluir a Greensock. Trabajar con GS es una forma de pensar diferente, y tiendo a ser muy miope en el diseño de movimiento … pero me encanta.

Para animaciones simples, tiendo a usar CSS primero, tal vez usando jquery para agregar / eliminar clases que desencadenan transiciones. No hago ninguna animación en CSS que no pueda hacer con algunas propiedades modificadas y una transición: todos los 300 ms de facilidad de entrada; El tiempo complejo en CSS no es para mí.

Si hay algo fácil que requiere animación de JavaScript, como quizás una animación scrollTop, usaré jquery animate (). Sin embargo, animar alturas, anchos, etc. a menudo tiene un pequeño pop extraño justo al final de la animación que me molesta, sin juego de palabras.

En términos de lo que Greensock puede hacer que otros no pueden hacer, señalaría sus clases de línea de tiempo para sincronizar animaciones, la capacidad de detener, revertir o “yoyo” animaciones, y mi favorito, animar a lo largo de las curvas de Bézier. Nada hace que una animación se sienta más real para mí que una relajación a lo largo de un camino más extraño.

Además, Jack Doyle y su equipo, en mis pocas interacciones con ellos, han sido muy buenos tipos a los que me ha encantado apoyar.

Recuerdo que usé GreenSock / GSAP en 3 días, era la mejor biblioteca de interpolación, sabía que hicieron la versión js pero nunca la usé, así que cuando vi su pregunta hice una pequeña búsqueda, primero verifiqué si tenía anime.css onComplete [muy importante en mi opinión], y descubrí que se puede hacer, no es tan fácil como en GS, pero ambos pueden hacerlo, luego verifiqué si puedes matar una interpolación que está activa antes de que termine [también es importante, necesario muchas veces], no pude encontrar la respuesta para esto, pero fue una búsqueda rápida, probablemente no lo formulé correctamente para mi amigo google, así que por último quería comparar el rendimiento y encontré esta página que lo creía o no las 3 plataformas mencionadas para comparar 🙂 y más.

Ábralo en cromo, active el renderizado y el medidor de fps en la consola y eche un vistazo.

Prueba de velocidad: GSAP, Transiciones CSS (Zepto), jQuery 3, anime, WAAPI

Greensock todavía lo hace 🙂