值得一提的是, Lottie 在 Web 上是借助 Canvas 或者 SVG 来渲染动画的, 动画的关键帧在导出时已经被计算好了, 除了解析JSON之外基本没有性能损耗, 因此效率非常高!
二....预览: 动画和编辑实时预览/编辑窗口
工具: 各种工具的集合, 如文字工具、图形工具等
属性: 在这里编辑元素的属性
首先, 选择我们新建的合成, 点击工具栏的圆角矩形按钮, 同时按住shift, 在预览区域绘制一个矩形...这么做的意思是: 让图层的Y轴坐标属性, 在0帧到20帧的过程中, 从150动画到380, 是不是很容易理解? 现在按下空格键, 预览效果!...点击图层面板的右上角, 显示曲线面板, 如图:
?
曲线面板的X轴是时间, Y轴是属性值, 最低点为0, 最高点为设置的最大值, 曲线的便是属性的变化, 曲线的斜率便是加速度的值。...按住ctrl同时点击选择我们的动画路径, 点击右下角的转换为贝塞尔曲线按钮。
?
但是这时什么都不会发生。。。