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

对齐目标

2m 47s
Rive 101 - Align Target

本课程重点讲解了 Rive 监听器 (Listeners) 中的高级进阶功能:对齐目标 (Align Target)。该功能允许监听器直接捕获用户指针(鼠标/触控)在特定区域内的几何坐标,并驱动其他图层无缝追踪光标位置。通过这一免代码的直接映射机制,设计师能够轻松构建出如“眼球追踪”、“角色视线跟随”等高频交互动效,极大精简了传统开发中复杂的坐标转换流程。

  • 免代码的输入坐标映射 (Zero-Code Cursor Tracking): 在原生 Web 或 App 开发中,实现悬停追踪通常需要监听容器的 mousemove 事件并动态计算 offsetX/Y 绑定到样式。Rive 的对齐目标 (Align Target) 在软件底层直接完成了坐标空间的归一化转换,无需向前端暴露变量。
  • 最佳实践:隐形碰撞触发器 (Invisible Hitbox): 视频中展示的高级交互技巧非常实用。通过放置一个不带色彩填充、完全透明(或开启隐藏)但在逻辑上存在的图形作为全屏监听器,可以为按钮交互区、角色头部骨骼追踪器提供最干净的物理触发边界。
  • 经典动效衍生场景: 该技术常配合限制器 (Constraints) 一起使用。例如将对齐目标应用在绑定了距离限制 (Distance Constraint) 的骨骼上,即可轻松制作出眼球在限定眼眶范围内跟随鼠标转动的逼真交互 UI 场景。