Lottie (file format)
 | It has been suggested that this article be merged into Lottie (file format). (Discuss) Proposed since January 2022. |
Lottie files are an SVG and JSON-based animation file format that can be implemented on many platforms. These are small files that allow the animation of SVG vector graphics on any device and most browsers and can be scaled without any degradation of quality. Lottie files are apt for use on the web compared to their PNG or GIF counterparts due to the nature of vector images' compact size.[1] Although SVG files allow for animation, they are not compatible with all browsers.[2]
Lottie files are an open-source file format with high compression, ease of storage and distribution.[3] However, there are some known limitations such as requiring the use of Adobe After Effects for many of Lottie files' features, the inability to create transitions, adding particle animation or light effects.[4]
History
2015 - Hernan Torrisi worked on exporting the representation of an animation in Adobe After Effects and rendering the animation at runtime. Making use of the scripting abilities of Adobe After Effects, he released a plugin for Adobe After Effects called Bodymovin.[5] This allowed exporting the file in the JSON format description of the animation. Additionally, Torrisi released a renderer for the format with a Javascript-based player for modern browsers.
2017 - it was the work of engineers Brandon Withrow (iOS), Gabriel Peal (Android), and Leland Richardson (React Native) along with lead animator Salih Abdul-Karim at Airbnb that saw the creation of the first Lottie libraries[6] for iOS and Android.
2018 - Microsoft and the .Net Foundation released a library[7] for rendering Lottie on Windows.
2019 - further support for Lottie was added by Qt[8] with the release of a QML API for rendering Lottie. Later that same year, Samsung released rLottie, which is a platform-independent C++-based renderer for Lottie, and added Lottie support in Tizen.
2020 - dotLottie was created. This open-source file format combines multiple Lottie files and all their supporting resources into a single file.
Lottie Repositories
Several repositories have been established providing developers and animators free and paid assets. The largest and fastest-growing of these is offered by Lottie Files.[9]
Name
The name Lottie was derived from Charlotte "Lotte" Reiniger, a German film director and pioneer of silhouette animation.
File extensions
Lottie files utilise the following file extensions:
- .lottie (dotLottie)[10]
- .json (Lottie JSON)
Platform compatibility
| Android Device | Android Emulator | iOS Device | iOS Simulator | Windows | Web (SVG) | Web (Canvas) | Web (HTML) |
|---|---|---|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| Bodymovin | Lottie iOS | Lottie Android | |
|---|---|---|---|
| Linear | Yes | N/S | Yes |
| Bezier | Yes | Yes | Yes |
| Hold | Yes | Yes | Yes |
| Rove across time | P/S | Yes | Yes |
| Spatial Bezier | Yes | Yes | Yes |
References
- ↑ "Meet Lottie — The Open-Source File That Is Changing Animation As We Know It | Hacker Noon". hackernoon.com. Retrieved 2021-12-15.
- ↑ "Browser Support for Animated SVG | SVGator Help". www.svgator.com. Retrieved 2021-12-16.
- ↑ "Introducing dotLottie". dotlottie.io. Retrieved 2021-12-16.
- ↑ "Lottie by Airbnb: Innovation or Limitation For Designers?". steelkiwi.com. Retrieved 2021-12-16.
- ↑ "bodymovin-extension". December 15, 2021 – via GitHub.
- ↑ "Lottie Docs". airbnb.io. Retrieved 2021-12-14.
- ↑ "Lottie-Windows". December 15, 2021 – via GitHub.
- ↑ "Announcing QtLottie". www.qt.io.
- ↑ "LottieFiles, a platform for the animation format, lands $9 million Series A led by M12, Microsoft's venture fund". TechCrunch. Retrieved 2021-12-16.
- ↑ "dotLottie Structure". dotlottie.io. Retrieved 2021-12-16. Unknown parameter
|url-status=ignored (help) - ↑ "After Effects supported features · Lottie Documentation". salihabdul-karim1.gitbooks.io. Retrieved 2021-12-14.
External links
This article "Lottie (file format)" is from Wikipedia. The list of its authors can be seen in its historical and/or the page Edithistory:Lottie (file format). Articles copied from Draft Namespace on Wikipedia could be seen on the Draft Namespace of Wikipedia and not main one.
|
This page exists already on Wikipedia. |
