Lottie, BodyMovin…

Pour quoi faire ?

Pour exporter pour le web et les applications mobiles, des animations créés avec After Effects.

Que va-t-on utiliser ?

  • After Effects pour créer les animations
  • BodyMovin pour exporter les animations
  • Lottie pour lire les animations dans le navigateur
  • Un navigateur web pour afficher les animations

De quoi s’agit-il ?

Lottie est une librairie permettant de lire des animations.

BodyMovin est une extension disponible pour After Effect, permettant d’exporter des animations pouvant être lues par Lottie.

Les animations sont exportées au format JSON.

JSON est un format de données textuel dérivé de JavaScript.

Ces animations sont destinées à être utilisées :

  • sur des applications mobiles
  • sur le web
../../_images/vue-d-ensemble.svg

Schéma résumé

Voir aussi

On peut noter que la possibilité de lire les animations directement sur une page web n’est pas mise en avant, au profit de Android/iOS et React.

Côté After Effects

../../_images/cote-after.svg

Côté Navigateur

../../_images/cote-navigateur.svg

De quoi a-t-on besoin ?

Pour exporter des animations

Pour lire les animations sur un navigateur web

[1]Par application native on entendra dans le cadre des périphériques mobiles application programmée en utilisant le langage de développement natif du système (système qui peut être Android, iOS…). On peut opposer cela aux applications développées en HTML/CSS/JS encapsulées dans des navigateurs web.