GSAP est une librairie JavaScript pour faire des animations complexes et optimisées pour le web. De plus, elle corrige quelques bugs et normalisent certaines transformations CSS et JS.
Le module principal est gratuit pour un usage web, payant pour l’inclusion distribuée (ex : dans un jeu mobile). La version payante est un abonnement qui offre d’autres avantages (plugins, supports…).
Ce modèle économique lui permet de se développer sans risque d’abandon.

Quelques ressource

Le site officiel, la documentation et son forum : https://greensock.com/
Leur codePen : https://codepen.io/GreenSock/pens/public/ (il est possible d’utiliser tous les modules payants via codePen
L’antisèche : https://ihatetomatoes.net/greensock-cheat-sheet/
Un module pour Atom : https://atom.io/packages/atom-gsap-snippets
et toujours Google, YouTube et StackOverflow.

Vu dans l’école

Voici quelques clips réalisés en codant avec cette librairie : https://clip.jenseign.com/.

Astuce Illustrator

Parfois avec drawSVG le tracé s’anime dans le mauvais sens, heureusement Illustrator peut inverser le sens d’un tracé.
inverser un tracé