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

过渡

2m 43s部分过时+2 项变更
Rive 101 - Transitions

本课程的核心教学目标是掌握 Rive 状态机中过渡线(Transitions)的逻辑映射机制与时序控制。

针对传统动效在不同状态(如 Hover 态到 Click 态)切换时容易产生视觉硬切、瞬间闪现导致体验生硬的行业痛点,Rive 在状态机过渡线上提供了强大的运行时插值(Runtime Interpolation)引擎。通过精确配置过渡时长与缓动参数,状态机能自动将两个独立线性动画的关键帧数值在运行时执行平滑矩阵混合。同时结合退出时间(Exit Time)机制,完美锁定了动画播完才允许跳转的刚性逻辑,为构建高品质、高可控的交互式动效组件提供了底层支撑。

  • 过渡线的逻辑地图本质: 过渡线(Transitions)是 Rive 状态机的大脑地图。状态卡片只负责循环渲染自身时间轴内的帧,而状态间如何折返、如何混合、何时发生跃迁,全部交由过渡线上的属性来编写。
  • 动态属性混合矩阵(Blending): 当过渡线 Duration 大于 0 时,Rive 并不是在播放某个特定的“中间动画过渡文件”,而是在运行时通过 C++ 渲染核心(Yoga/Rive Renderer)将前一个状态的最后一帧属性数组与后一个状态的当前帧属性数组进行实时不透明度/数值混色(Mix)。
  • Exit Time 的数学权重律: Exit Time 既支持百分比单位(如 100% 代表播完),也支持绝对时间单位(毫秒)。它常用于复合动效组件。例如:在制作角色的“受击动画”到“恢复待机”时,必须将 Exit Time 设为 100%,以防止受击动作刚播到一半就被待机状态强行掐断。
  • 多状态自激死循环规避: 如视频中演示,如果两条过渡线均没有配置判定条件(Conditions),且 Exit Time 均为 0,状态机会陷入每帧都在疯狂跳转的死循环。在实际商业项目中,必须配合后续课程的输入变量(Inputs)为过渡线加锁。
部分内容与当前版本有差异2 项变更
2024.9弹性插值

过渡支持弹性插值。

2024.11Allow Exit During Transition

新过渡选项。