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

图表编辑器

5m 14s部分过时+1 项变更
Rive 101 - Graph Editor

在 YouTube 上观看

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

🟣2024.12Auto Bezier

图表编辑器新增 Auto Bezier。

查看来源

📌 本节要点

可视化插值曲线和关键帧,直接操控三次插值手柄。

📝 详细教程已添加

Summary

曲线编辑器提供了一种直观的动画表现形式:横轴(X)代表时间,纵轴(Y)代表属性值。它允许用户同时查看和调整多个关键帧的插值(Interpolation),相比传统的时间轴视图,能够更精确地控制动画的节奏和流动感。

Step by Step

  1. 00:04
    进入曲线编辑器
    点击时间轴工具栏上的曲线编辑器图标以切换视图。
  2. 00:20
    查看关键帧
    选中对象或特定的动画属性,编辑器内会显示对应的数值曲线。
  3. 00:46
    可视化插值
    观察线性(Linear)或贝塞尔(Cubic)插值在图表中的形态;在插值面板做的任何修改都会即时反映在曲线中。
  4. 01:27
    编辑数值
    垂直拖动关键帧可直接修改其数值大小(例如小球弹跳的高度),水平拖动可更改时间点。
  5. 02:14
    添加关键帧
    可以通过复制粘贴、在检查器(Inspector)中修改数值、或直接在曲线上点击来创建新关键帧。
  6. 02:59
    多属性管理
    按住 Shift 键并多选属性,可以同时显示多条曲线(如 X 轴和 Y 轴位移)。
  7. 03:34
    使用 Cubic Value
    将插值切换为“三次贝塞尔数值 (Cubic Value)”,即可在编辑器中启用可调节的贝塞尔手柄。
  8. 04:19
    非对称手柄
    通过调整手柄同时影响前后两段插值,确保动画过渡的平滑自然。

Notes About Current Rive

  • 视觉清晰度:建议不要在曲线编辑器中同时显示过多属性,否则密集的曲线会干扰操作逻辑。
  • Cubic 与 Cubic Value 的区别:标准 Cubic 使用预设曲线,而 Cubic Value 则会在编辑器中显示手柄供用户手动塑形。
  • 动画流控制:对于复杂的动画,曲线编辑器是查看不同属性间数值关系、优化动画节奏的利器。

📝 Notes

支持 Markdown
0 字符