Lottie uses animation data exported as JSON files from an open-source After Effects extension called Bodymovin. The extension is bundled with a JavaScript player that can render the animations on the web.
All of these animations were created in After Effects, exported with Bodymovin, and rendered natively with no additional engineering effort.
Bodymovin is an After Effects plugin created by Hernan Torrisi that exports After effects files as json and includes a javascript web player.
We've built on top of his great work to extend its usage to Android, iOS, and React Native.
bodymovin.loadAnimation({
container: element, // the dom element
renderer: 'svg', // canvas, html
loop: true,
autoplay: true,
animationData: JSON.parse(animationData) // the animation data
});
技术
回首2016, 展望2017
前端框架阵营图 - 2016
2016年JavaScript领域中最受欢迎的“明星”们
2016 前端技术发展回顾
2016前端探索总结——前端工程与未来
前端工程化体系
2016-我的前端之路:工具化与工程化
前端开发者进阶之路
产品