
本课程重点讲解了 Rive 监听器 (Listeners) 中的高级进阶功能:对齐目标 (Align Target)。该功能允许监听器直接捕获用户指针(鼠标/触控)在特定区域内的几何坐标,并驱动其他图层无缝追踪光标位置。通过这一免代码的直接映射机制,设计师能够轻松构建出如“眼球追踪”、“角色视线跟随”等高频交互动效,极大精简了传统开发中复杂的坐标转换流程。
- 免代码的输入坐标映射 (Zero-Code Cursor Tracking): 在原生 Web 或 App 开发中,实现悬停追踪通常需要监听容器的
mousemove事件并动态计算offsetX/Y绑定到样式。Rive 的对齐目标 (Align Target) 在软件底层直接完成了坐标空间的归一化转换,无需向前端暴露变量。 - 最佳实践:隐形碰撞触发器 (Invisible Hitbox): 视频中展示的高级交互技巧非常实用。通过放置一个不带色彩填充、完全透明(或开启隐藏)但在逻辑上存在的图形作为全屏监听器,可以为按钮交互区、角色头部骨骼追踪器提供最干净的物理触发边界。
- 经典动效衍生场景: 该技术常配合限制器 (Constraints) 一起使用。例如将对齐目标应用在绑定了距离限制 (Distance Constraint) 的骨骼上,即可轻松制作出眼球在限定眼眶范围内跟随鼠标转动的逼真交互 UI 场景。