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

骨骼层级连接

3m 00s
Rive 101 - 6.2 Bones with hierarchical connections

在 YouTube 上观看

📌 本节要点

将图稿附加到骨骼,骨骼变换被图稿继承,比绑定更高效。

📝 详细教程已添加

Summary

本课探讨了将图形连接到骨骼的主要方式之一:层级连接(Hierarchical Connections)。这种方法通过在层级面板中将图形直接嵌套在骨骼下方,使其继承骨骼的变换属性(位置、旋转和缩放),而不会使图形产生变形。这种方式对运行性能非常友好。

Step by Step

  1. 00:25
    准备元素
    确保画板上已有骨骼(或骨骼链)以及需要连接的图形(程序化图形或位图资产)。
  2. 00:36
    建立父子关系
    在层级面板中,将图形图层拖放到你希望其跟随的特定骨骼上。
  3. 00:43
    测试继承效果
    尝试旋转、移动或缩放父级骨骼。你会看到作为子级的图形会立即继承这些变换。
  4. 01:34
    创建模块化肢体
    以手臂为例,将不同的部分(如大臂、小臂、手部)分别嵌套在骨骼链中对应的骨骼下,即可构建出一个可活动的关节肢体。
  5. 01:57
    附加配件
    对于像盾牌这类不需要变形的物品,只需将其所在的组直接拖入“手部”骨骼,即可使其跟随肢体运动。
  6. 02:21
    调整绘制顺序
    如果附加的配件遮挡关系不对,可以使用绘制规则(Draw Rules)将其正确地置于肢体其他部分的前面或后面。

Notes About Current Rive

  • 性能优势:层级连接比绑定/权重计算更高效,因为渲染引擎不需要重新计算顶点位置,只需应用简单的变换矩阵。
  • 无变形特性:改变骨骼的 _长度_ 不会影响层级连接子级的缩放或形状,只会影响骨骼链下游子级的位置。
  • 矢量与位图通用:此方法对于矢量图形和导入的位图资产的操作流程完全一致。

📝 Notes

支持 Markdown
0 字符