Loading AI tools
format d'animation vectoriel ouvert basé sur le format JSON De Wikipédia, l'encyclopédie libre
Le format Lottie est un format ouvert d'animation vectorielle basé sur une représentation au format JSON de ses données. Il a été créé à l'origine par la branche de design de Airbnb avec son plugin d'export BodyMovin, pour les animations produites sous After Effects. Il est à l'origine produit pour pouvoir être utilisé avec Android, iOS et React Native.
Type |
Format de fichier image (en), animation, image vectorielle |
---|---|
Créateur | |
Sites web |
Des bibliothèques et plugins sont aujourd'hui disponibles pour le Web, iOS, Android, Flutter, React, React Native, Xamarin, NativeScript, Windows, Vue, Angular, Qt, Skia, Framer X, Sketch, Figma & After Effects. L'outil d'affichage web BodyMovin utilise SVG pour l'affichage.
Le nom est une référence et un hommage à Lotte Reiniger, une des réalisatrice d'animation des années 1920, ayant réalisé un des premiers longs métrage de l'animation avec « Les Aventures du prince Ahmed » en 1926.
Le format a tout d'abord été créé pour exporter les animations depuis After Effects.
Le logiciel libre d'animation vectorielle Synfig, permet également d'exporter des animations dans ce format. Son intégration a commencé sous forme de plugin pendant Le GSoC 2019[1], puis a été amélioré pendant le GSoC 2020[2].
Le logiciel libre (GPLv3) Glaxnimate est un logiciel d'animation multiplateforme (Android, Linux, MacOS, Windows) écrit en C++ et utilisant la bibliothèque Qt, permettant également de produire des animations au format Lottie[3]. Celui-ci est utilisable via la bibliothèque MLT au sein d'applications de montage vidéo non-linéaire, tels que Kdenlive[4] ou Shotcut[5],[6]..
Le module Python, « Python Lottie » permet de générer des animations Lottie algorithmiquement, de convertir entre différents formats et d'exporter en animation vidéo et bitmap[7].
Il dispose d'un lecteur BodyMovin qui est sous licence MIT. Ce dernier est utilisé dans la messagerie instantanée afin d'y afficher des stickers (autocollants) animés vectoriels[8] comme Telegram pour plateformes mobiles.
Il existe également une bibliothèque, appelée rlottie, écrite en C++ par Samsung[9], et une dérivée TDesktop, un client Telegram[10]. Elle peut être utilisée par LVGL, une bibliothèque d'interface légère pour les systèmes embarqués[11].
Il existe un module pour l'API Qt, appelé qtLottie distribué sous licence GPLv3, également utilisé dans une version patchée par Telegram dans sa version « desktop » (bureau)[12].
Nottie-node, Puppeteer-lottie et lottie-images sont des bibliothèques en javascript de rendu de lottie basés sur Node.js, elles permettent chacune des rendus dans différents formats, pas forcément les mêmes, incluant vidéo en s'aidant de ffmpeg, png, apng, gif ou traduction en SVG[13],[14],[15].
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.