Librería GSAP (Greensock)

Green Shock Animation Plataform (GSAP) JS es un framework en JavaScript para realizar animaciones con pocas líneas de código, para mí su facilidad de uso y rendimiento es lo que le hace diferente.

Esta librería nació como librería de ActionScript pero los desarrolladores a cargo crearon la versión Javascript con funciones muy parecidas, incluso el código recuerda a AS. Como sabéis yo hice mucho Actionscript en su día, en esa época estaba en INDRA y tuve que hacer bastantes animaciones para RENFE y para el ejecito de tierra. Entre ellas un módulo de fluidos superchulo, lástima que hace tanto tiempo que ya se ha quedado obsoleto.

Está compuesta por 4 herramientas:

  • TweenLite: el núcleo de GSAP. Anima cualquier propiedad con valor numérico, por ejemplo, width y height. Puedes animar cualquier parte del DOM, además se puede combinar con otras herramientas o plugins como por ejemplo CSSPlugin.
  • TimelineLite: el contenedor para múltiples interpolaciones o líneas de tiempo. Cosas como pausar, reversa, añadir etiquetas y más. Digamos que es nuestra línea de tiempo, como en su día Actionscript y Flash.
  • TimelineMax: TimelineLite, pero avanzado, podemos hacer secuencias avanzadas de múltiples interpolaciones y líneas de tiempo.
  • TweenMax: incluye todo lo anterior más agregados, así como muchos plugins populares. En sus propias palabras, TweenMax es la herramienta de animación para web más poderosa.

Os dejo un ejemplo de una animación sencilla, podéis verlo en este ejemplo.

Librería GSAP (Greensock) Modificado: abril 20th, 2020 por Carlos González Gurrea
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 votos, promedio: 5,00 de 5)
Cargando...

Centro de preferencias de privacidad

    Almacenamiento y acceso a información

    El almacenamiento de información o el acceso a información ya almacenada en tu dispositivo como identificadores de publicidad, identificadores de dispositivo, cookies y tecnologías similares.

    google.com

    Personalización

    La recopilación y procesado de información sobre tu uso de este servicio para posteriormente personalizar la publicidad y/o el contenido para ti en otros contextos, como otras webs o apps, con el tiempo. Habitualmente el contenido de la web o la app se usa para hacer deducciones sobre lo que te interesa, lo que define la selección futura de publicidad y/o contenido.

    google.com

    Selección de anuncios, entrega, informes

    La recopilación de información y la combinación con información anteriormente recopilada para seleccionar y presentarte publicidad y para medir la entrega y efectividad de esa publicidad. Esto incluye usar información recopilada anteriormente sobre tus intereses para seleccionar anuncios, procesar datos sobre qué anuncios se mostraron, con qué frecuencia se mostraron, cuando y dónde se mostraron y si llevaste a cabo alguna acción relacionada con el anuncio, como por ejemplo hacer clic en un anuncio o hacer una compra. Esto no incluye la personalización, que es la recopilación y procesado de información sobre el uso que haces de este servicio para posteriormente personalizar publicidad y/o otros contenidos para ti en otros contextos, como webs o apps, con el tiempo.

    google.com

    Selecciones de contenido, entrega, informes

    La recopilación de información y combinación con información previamente recopilada para seleccionar y presentarte contenido y para medir la entrega y efectividad de ese contenido. Esto incluye el uso de información recopilada anteriormente sobre tus intereses para seleccionar contenido, procesar datos sobre qué contenido se mostró, con qué frecuencia o durante cuánto tiempo se mostró, dónde y cuándo se mostró y si llevaste a cabo alguna acción relacionada con el contenido, como por ejemplo hacer clic en contenido. Esto no incluye la personalización, que es la recopilación y procesado de información sobre el uso que haces de este servicio para posteriormente personalizar contenido y/o publicidad para ti en otros contextos, como webs o apps, con el tiempo.

    google.com