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

界面

8m 43s已过时+3 项变更
Rive 101 - Interface

本课程系统性地介绍了 Rive 核心编辑器的界面布局、三大底层左侧面板(层级、资产、数据面板)及右侧属性检查器。视频深入解析了 Rive 的两套核心工作流模式:设计模式 (Design Mode) 与动画模式 (Animate Mode)。通过演示画板视口缩放平移、利用冻结 (Freeze) 模式修改轴心点、以及在动画模式下通过插值生成首个位移动画,帮助用户建立起图形与动效解耦的系统化认知。

  • 设计模式 (Design) 与动画模式 (Animate) 的绝对数据屏障:
    • 设计模式: 在此模式下的任何修改(如改色、缩放、挪动坐标)均属于修改图层的全局基准默认状态,绝对不会产生关键帧。
    • 动画模式: 此模式下的改动完全依托于时间线,只在当前的动画轨道里生效。双模式硬隔离的设计,避免了传统软件在做图层微调时,因忘记关闭录制而误在时间线上产生脏帧的行业痛点。
  • 面向开发端的导出规范明细:
    • .riv (Runtime File): 运行时资产,经过了极度严苛的无用垃圾数据剥离与压缩,专门交给前端开发配合引擎 SDK 进行全平台渲染(WebGL/Wasm)。
    • .rev (Backup File): 包含所有原始几何路径、未压扁的编辑历史等完整设计源数据,仅供设计师之间相互交换草稿或做本地云盘冷备份。
此视频基于旧版 Rive 录制3 项变更
2024.11Fills & Strokes 合并

填充和描边面板合并为单一面板。

2024.8Download → Export

编辑器菜单 Download 更名为 Export。