Lottie - 中渐变填充 简化版

前言

我们把 Lottie 的渲染原理搞明白了，然后一个偶然的机会，我发现了一个特别尴尬的事情。 其实，官方是支持原生渐变的。下面我们来做一个简单的操作，来实现原生渐变。

准备工具

Bodymoivn最新版本为5.5.5，算法更完善了，强烈推荐更新。

在AE中制作一个渐变填充的矢量小球

将原本“渐变填充”的 标签 改为 "Gradient"（不带引号），然后直接导出 json。 （注意：如果渐变还是黑白的话，请保存好 AE 工程文件，然后 完全关闭AE ，再打开渲染一次）

拖到 Lottie 社区看效果

Bang！大功告成。我还加入了弹性表达式以及阴影，全部都是原生支持，不用改 code。 都放在附件里面了，感兴趣的同学可以自行研究。

后记

偶然用英文原版的 AE 时候突发奇想导出了一个 json，然后发现是支持原生渐变的。之后我尝试了 Bodymovie 的版本区别，中英文命名等。最后锁定在 BM 插件在中文环境下导不出渐变的数值。给大家道个歉，给 Airbnb 道个歉，走了那么多的弯路，人家是原生支持渐变的。。。最近在研究 React，我感觉设计是应该了解一下 code，未来的大趋势嘛。有能力和精力以后我会出一些简单的 code 入门教程，多谢支持。