lottie

Qu’est-ce ?

Le site officiel de présentation nous indique ceci :

Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.

—airbnb.design/lottie/

Cela nous informe que Lottie :

  • est une librairie, c’est à dire un ensemble programmatique réutilisable
  • que cette librairie est disponibles sur plusieurs plate-formes, à savoir :
    • iOS
    • Android
    • React (une librairie JavaScript pour le web)
  • que cette librairie permet le rendu d’animations After Effects de manière simple

Cela ne nous informe pas du fait :

  • que la librairie est aussi disponible pour le web
  • qu’il est nécéssaire d’exporter notre composition After Effects dans un format particulier
  • que toutes les fonctionnalités d’after effects ne sont pas disponibles
  • que la documentation est disponible à l’adresse http://airbnb.io/lottie/ (ce qui n’est pas précisé sur cette page de présentation et qui est quand même passablement idiot)

Comment savoir ce qui est supporté ou non ?

Voir cette partie de la documentation <https://airbnb.io/lottie/#/supported-features>.

Comment l’installer ?

Lottie ne s’installe pas à proprement parler. Il faudra toutefois le rendre disponible au dispositif devant afficher l’animation (ici le navigateur), ce que nous verrons plus tard.

Quels sont les URL à retenir ?