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

单动画状态

1m 03s
Rive 101 - Single Animation States

本课程的核心教学目标是掌握 Rive 状态机网格中状态节点(State Nodes)的属性配置,以及时间轴实体的快速替换与动画速率调整技术。

针对传统动效设计中,当交互逻辑(如按钮的 Hover、Click)已在图表中连线完毕,却因为视觉迭代需要微调动画或者改变速度时,不得不重写代码或重连连线的痛点,Rive 提供了节点与时间轴解耦的底层设计。在状态机画布中,每一个蓝色方块都是一个独立的“动画状态”。设计师不仅可以通过右侧检查器一键无缝替换该状态绑定的具体 Timeline 线性剪辑,还能直接在运行时对特定状态进行成倍加速、减速甚至是彻底反向播放(Reverse),从而极大提升了动效在多状态切换时的复用性。

  • 逻辑节点与动画资产的映射机制: 在 Rive 的状态机画布中,状态节点(State Node)本质上是一个“逻辑外壳”或指针。它不存储关键帧,而是指向 Animations 面板中的某个具体时间轴。这种解耦设计保证了“逻辑连线”与“视觉帧动画”可以各自独立迭代。
  • 拖拽替换的防错律(Drop Overlay): 使用拖拽法(Drag-and-drop)直接在画布上替换状态时,鼠标必须精确悬停在目标状态卡片的正上方直至高亮再松开。该操作会自动切断旧时间轴的引用并绑定新时间轴,而节点四周已连好的 Transition 过渡线与绑定的 Conditions 触发条件将完美保留,无须重新编织。
  • Speed 属性的运行时乘法律: 状态节点上的 Speed 属性具有级联性。如果时间轴本身的帧率或时长是固定的,节点上的 Speed 实际上是在运行时(Runtime)对该动画的 Playhead 推进速度做乘法。例如设定为 2x,则插值时间减半;设定为负值,则倒序解析关键帧数组,非常适合用于一键制作“菜单展开”与“收起”的逆向对等动画。