界面

Summary

本课程详细介绍了 Rive 编辑器的界面结构，核心在于区分 设计（Design） 和 动画（Animate） 两种模式。内容涵盖了画板设置、导航快捷键、图层层级与属性面板的使用，以及如何通过关键帧将静态设计转化为动态效果。

Step by Step

1. 00:04
   画板设置

   从预设设备尺寸中选择或使用默认大小（500x500px）开启新项目。
2. 00:26
   导航快捷键

   使用双指缩放、空格 + 拖拽 平移，按 F 键可快速找回并居中画板。
3. 01:04
   面板概览

   左侧包含层级面板（Hierarchy）、资产面板（Assets）和数据面板（Data）。
4. 01:34
   属性检查器

   右侧面板用于修改所选对象的坐标、尺寸、旋转及背景颜色等属性。
5. 01:52
   工具栏介绍

   顶部工具栏提供绘图（钢笔/图形）、文本、骨骼绑定及事件触发等功能。
6. 03:31
   导出选项

   支持导出用于开发的 .riv 文件、生成网页预览链接或发布至社区市场。
7. 04:31
   创建图形

   绘制图形时按住 Shift 可保持等比，使用顶部的对齐工具实现快速居中。
8. 06:03
   冻结模式（坐标原点）

   按 Y 键进入冻结模式以移动原点，这会改变图形旋转和缩放的中心点。
9. 06:34
   设计与动画模式切换

   设计模式下的修改不产生关键帧；切换至动画模式后点击属性旁的“菱形”即可记录关键帧。

Notes About Current Rive

• 实时协作：Rive 支持多用户同时编辑同一文件，你可以实时看到队友的头像和移动的鼠标指针。
• 模式隔离：设计模式与动画模式相互独立，这确保了你在调整基础造型时不会意外破坏已有的动画路径。
• 数值插值：动画的本质是在不同时间点的关键帧数值之间进行“插值”，从而产生平滑的过渡动画。