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

跟随路径约束

5m 24s
Rive 101 - 6.13 Follow Path Constraint

在 YouTube 上观看

📌 本节要点

对象沿路径移动,可控制距离百分比、方向朝向。

📝 详细教程已添加

Summary

跟随路径约束(Follow Path Constraint)允许你将一个对象附加到路径上,并使用距离百分比控制其沿路径运动。这在创建轨道运动、过山车效果或引导 UI 元素沿自定义矢量形状移动时非常有效。

Step by Step

  1. 00:30
    添加约束
    选中需要引导的对象,在检查器(Inspector)的约束栏目点击 + 按钮,选择 Follow Path Constraint
  2. 00:38
    选择目标
    使用目标选择器选中矢量路径(开口或闭合路径均可)。对象的轴心点(Origin)会立即吸附到路径的起始点。
  3. 00:57
    沿路径移动
    调整 Distance(距离)百分比以使对象沿路径滑动。0% 是起点,100% 是终点。
  4. 01:10
    更改起始点
    进入路径的顶点编辑模式,右键点击任意顶点并选择 Make First Vertex(设为首个顶点),以更改 0% 距离开始的位置。
  5. 01:35
    切换定向 (Orient)
    如果希望对象自动旋转并跟随路径方向,请保持 Orient 选项开启。若想手动设置旋转动画,请将其关闭。
  6. 02:22
    轴心点偏移
    使用 Y 键(冻结模式) 移动对象的轴心点。这可以让你控制对象的哪个部分(例如底部)接触路径。
  7. 03:55
    多路径形状
    如果一个形状包含多个路径,随着距离增加,对象会根据层级面板中的顺序依次在不同路径间跳转。

Notes About Current Rive

  • 轴心点为准:对象是通过其轴心点附着在路径上的。合理的轴心点设置对于实现真实的“过山车”或车辆运动效果至关重要。
  • 层级顺序:当目标形状包含多条路径时,层级面板中的路径顺序决定了对象跟随的先后顺序。
  • 可动画属性:强度(Strength)、定向(Orientation)和距离(Distance)均可设置关键帧,从而实现精密的运动路径动画。

📝 Notes

支持 Markdown
0 字符