3.1
时间线
5m 10s📌 本节要点
动画模式下的时间线操作:播放/暂停、播放头移动、循环类型、时长和速度调整。
📝 详细教程已添加
Summary
本课程介绍了 Rive 动画模式下的核心组件——时间轴(Timeline)。通过切换到动画模式,你可以访问时间轴来设置关键帧、调整动画长度以及控制播放逻辑。课程详细讲解了时间轴的基本界面、三种不同的播放模式(单次播放、循环、乒乓播放)以及工作区(Work Area)的使用。
Step by Step
-
00:10
切换动画模式点击界面顶部的 Animate 按钮进入动画模式,或使用快捷键
Tab在设计(Design)与动画模式间快速切换。 -
00:32
访问时间轴在状态机面板中点击默认的时间轴即可打开。每个状态机默认至少包含一个时间轴。
-
00:58
时间指示器与长度顶部的数字显示播放头(Playhead)当前的位置。默认情况下,所有新时间轴的长度为 1 秒。
-
01:19
设置关键帧移动播放头至目标时间点,调整物体的属性(如位置),即可自动创建关键帧。已动画化的物体会显示在下方的列表中。
-
02:17
播放模式设置
- One-Shot:默认模式,动画仅播放一次。
- Loop:循环播放模式。
- Ping-pong:往复播放模式(正序播放后再倒序播放)。
-
03:14
调整持续时间点击时间指示器可以修改时间轴的总时长(Duration)。增加时长后,可以通过顶部的滚动条缩放或移动视口。
-
04:10
高级播放设置在时间设置菜单中,还可以调整播放速度(Speed,支持负值倒放)和帧率(Frame Rate)。
-
04:35
使用工作区 (Work Area)开启工作区功能后,动画将仅在指定的局部区域内循环播放,而不必预览整个时间轴。
Notes About Current Rive
- 工作流:在 Animate 模式下进行的任何属性修改都会生成关键帧,因此在调整基础造型时务必切回 Design 模式。
- 快捷键:按下
Space(空格键)可以立即播放或暂停当前的动画。 - 实时插值:Rive 会自动在两个关键帧之间生成平滑的插值动画(Tweening),你可以通过拉开关键帧距离来降低动作速度。
📝 Notes
支持 Markdown
0 字符
