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

Position 数值到底意味着什么?

4m 21s
What do POSITION values ACTUALLY mean?

在 YouTube 上观看

📌 本节要点

深入解释 Position 数值在动画与层级中的真实含义,帮助理解坐标与位移。

📝 详细教程已添加

Summary

本课澄清了 Rive 中坐标数值(Position)相对于父级轴心点(Origin)的逻辑。它解释了一个常见错误:在对物体进行位移动画后,如果再将其打组(Grouping),会因为父级轴心点发生变化而导致动画“崩坏”,因为关键帧记录的是相对于旧父级的偏移量。

Step by Step

  1. 00:13
    理解问题所在
    在对物体的位移进行打组动画后,如果此时进行打组,可能会导致物体在“动画模式”下突然跳变到错误的位置。
  2. 00:45
    坐标逻辑
    明确坐标数值代表的是图层轴心点与其父级轴心点之间的距离,而不是永远相对于画布(Artboard)。
  3. 01:53
    父级变更
    观察将图层移入组时,其父级从画布变为组。Rive 会自动将“设计模式”下的坐标改为 0,0,但“动画模式”下的关键帧仍保留原始数值。
  4. 02:53
    关键帧冲突
    注意在动画模式下,物体会根据原始关键帧的偏移量相对于的组中心进行定位,从而产生位置偏差。
  5. 03:34
    空组解决方案
    不要对图层直接使用 Command+G,而是按下 G 键创建一个空组,将其坐标设为 0,0(与原父级轴心对齐),然后再将图层拖入。
  6. 04:09
    最佳实践
    在开始设置位移关键帧之前,务必先在“设计模式”中规划好层级和分组,以避免此类问题的发生。

Notes About Current Rive

  • 相对坐标系统:始终记住 Rive 中的坐标从未是“绝对”的,它们总是相对于直接容器的。
  • Command+G 的行为:当你通过快捷键打组时,Rive 会将组的轴心点置于对象的中心,这正是改变子图层局部坐标值的原因。
  • 空组技巧:在 0,0 位置使用空组是一种强大的组织手段,可以在不干扰现有动画坐标的情况下添加层级。

📝 Notes

支持 Markdown
0 字符