2025.7官方已重录
已发布新版 Artboards 视频。
查看来源 ↗
本课程深入讲解了 Rive 的核心根节点——画板 (Artboards) 的各项属性设定与多画板资产管理。画板不仅是设计与动画创作的画布，更决定了最终跨端运行时 (Runtime) 渲染的绝对边界。视频系统性地解决了初学者对于“剪裁模式”、“原点坐标系空间变换”以及“跨画板动效完整克隆”等技术特性的认知痛点。
- 多画板架构在跨端开发中的战略价值 (Multi-Artboard Architecture)：
- 在 Rive 中，单个
.riv二进制文件内部允许并排存在无数个独立的画板（Artboards）。 - 研发落地： 前端开发者在运行时 (Runtime) 初始化代码时，可以通过指定
artboard: "Your_Artboard_Name"参数，来精准实例化调取该文件内的某一个特定画板。这意味着设计师可以将一整套 UI 组件库（如全套图标、不同状态的按钮）精简压缩在同一个文件内交付，极大优化了网络加载的 IO 性能。
- 在 Rive 中，单个
- 原点 (Origin) 变换对开发交接的影响： 2D 骨骼和 UI 变换极度依赖原点定位。默认的 0% × 0% 适合传统的网页流式绝对坐标对齐；而修改为 50% × 50%（中心原点）在制作旋转、3D 空间倾斜、视差追踪动效时，能让各子图层的相对坐标计算成本呈几何级降低。
- 克隆 (Command D) 的深度拷贝逻辑： 区别于普通图形的复制，对画板执行
Command D会在内存底层执行深拷贝 (Deep Copy)。它会完好地将设计模式下的全部矢量几何、动画模式下的多条时间线曲线、以及交互模式下复杂的逻辑连线状态机打包克隆，是进行 A/B 测试或多尺寸变体设计的最高效手段。
此视频基于旧版 Rive 录制2 项变更
2024.10画板裁剪默认关闭
Artboard clipping 默认关闭。