渐进式编程课
Spine 目录
第 4 课2026.09.04

比较平滑摆动和逐帧跳转的差异。

第 4 课:线性与阶梯插值

  • 日期:2026-09-04
  • 课程序号:第 4 课
  • 知识点:关键帧之间的过渡方式

用途

比较平滑摆动和逐帧跳转的差异。

核心概念

插值控制两个关键帧之间如何变化;Stepped 保持前一个值直到下一关键帧,Linear 按比例变化。

最小代码或操作示例

text
1. 使用上一课 wave 动画的副本,确认上臂旋转帧 0 为 0°、帧 15 为 30°。
2. 在 Animate 中选中帧 0 的旋转关键帧,打开 Graph 视图。
3. 将该段插值设为 Linear,拖动播放头到帧 5,观察旋转。
4. 将同一段改为 Stepped,再拖到帧 5 和 15 对比。
5. 只编辑帧 0 到 15 的段,保留其余关键帧。

3~5 分钟练习

预测两种模式在帧 10 的角度,并说明帧 15 是否仍为 30°。

参考答案

Linear 帧 10 约 20°;Stepped 帧 10 为 0°;两者在帧 15 都到 30°。

与上一课的联系

上一课记录起止角度,本课只改变帧间过渡,不改变骨骼层级。

参考资料