值得一提的是, Lottie 在 Web 上是借助 Canvas 或者 SVG 来渲染动画的, 动画的关键帧在导出时已经被计算好了, 除了解析JSON之外基本没有性能损耗, 因此效率非常高!
二....在这里可以编辑动画的关键帧和曲线
预览: 动画和编辑实时预览/编辑窗口
工具: 各种工具的集合, 如文字工具、图形工具等
属性: 在这里编辑元素的属性
首先, 选择我们新建的合成, 点击工具栏的圆角矩形按钮...现在按下空格键, 预览效果! BIngo, 你会发现, 矩形动了起来, 虽然只是动了20帧, 但这是我们完成的第一个关键帧动画!...便完成了矩形到圆形的突变动画。
?
重复上述步骤, 将时间轴移到圆形下一次运动到Y轴的最低点, 再次添加关键帧让圆形变换成矩形, 最终的关键帧曲线如图:
?
预览一下效果:
?...渲染动画
现在动画的绘制工作已经完成, 我们可以导出我们的动画了。