Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案,我们可以使用 Adobe After Effects 设计出漂亮的动画之后,使用Lottie提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式给开发使用。
实现效果有限,如果动画使用位图后,资源消耗较大,并且除json文件外,还需要外链img文件夹;
这里需要注意:这个外链img文件夹里的图片资源必须跟json文件里的文件名一致,在跟开发更换资源的时候经常会混乱,会忘记更换图片,导致无法显示。
对于初用Lottie的时候也是比较头疼,跟开发找了一段时间的问题才发现是他们忘记更换,导致json无法识别图片。
- 使用: AE菜单栏窗口 - 扩展 — Bodymovin — 导出.json文件
bodymovin支持导出效果:http://airbnb.io/lottie/#/supported-features