Rive 101 logoRive 101
关于项目📋 变更总览EN
0%
进度0/90
3.4

插值面板

6m 02s部分过时+1 项变更
Rive 101 - Interpolation

在 YouTube 上观看

⚠️ 部分内容与当前版本有差异

🟣2024.10默认插值设置

新增文件级默认插值。

查看来源

📌 本节要点

线性/保持/三次插值类型,曲线手柄调整加速减速效果。

📝 详细教程已添加

Summary

本课程详细讲解了插值(Interpolation)的概念,即属性值在关键帧之间变化的速度,通常被称为“缓动(Easing)”。课程介绍了 Rive 中的五种插值类型:线性(Linear)、保持(Hold)、三次贝塞尔(Cubic)、三次数值(Cubic Value)和弹性(Elastic)。通过插值面板和图形,用户可以精确控制动作的加速、减速以及各种动效反馈。

Step by Step

  1. 00:13
    访问插值面板
    插值面板位于编辑器下方。只有在选中一个或多个关键帧后,面板中的选项才会激活。
  2. 00:32
    认识插值类型
    默认关键帧为 Linear(线性)。此外还有 Hold(保持)、Cubic(三次贝塞尔)、Cubic Value(三次数值)和 Elastic(弹性)。
  3. 00:52
    理解插值图形
    图形的 X 轴代表时间,Y 轴代表属性变化。直线的斜率代表变化速率;垂直蓝线表示当前播放头在特定插值中的位置。
  4. 02:14
    线性(Linear)与保持(Hold)
    • Linear:以恒定速度变化,运动路径上的点间距均匀。
    • Hold:值会保持不变,直到遇到下一个关键帧瞬间跳变。常用于不带渐变的开关效果(如不透明度瞬变)。
  5. 03:12
    三次贝塞尔(Cubic)
    提供非恒定的速度变化。可以通过拉动控制手柄来自定义“先快后慢”或“先慢后快”的缓动曲线。
  6. 04:47
    弹性(Elastic)
    用于实现预备动作(Anticipation)和超越/回弹(Overshoot)效果。支持“仅预备”、“仅超越”或两者兼有的设置。
  7. 05:36
    层级关键帧注意事项
    对顶层关键帧应用插值会同时改变其下所有属性的插值方式。若需差异化处理,请展开图层并单独为特定属性设置。

Notes About Current Rive

  • 物理真实感:现实世界中的物体很少以恒定速度运动,合理使用 Cubic 插值能让动画看起来更自然、更具生命力。
  • 插值面板快捷反馈:调整插值后,观察运动路径上的点间距分布,可以直观地确认速度变化是否符合预期。
  • 缓动模板:在 Cubic 模式下,预设的曲线形状可以覆盖大部分常见的缓动需求。

📝 Notes

支持 Markdown
0 字符