🎭 Rive Demo — 角色情绪 & 动作

Rive 用 State Machine(状态机)把角色行为抽象成 number / bool / trigger 三种输入,前端只要调用 input 就能控制角色情绪和动作。

State Machine Inputs

正在加载 Rive 文件...

💡 Rive 是什么?

Rive 是个实时交互动画工具:设计师在 Rive 编辑器里画角色、绑骨骼、定义状态机;导出成 .riv 文件后,前端用几行代码就能让角色「响应输入变情绪」。

核心能力:
Number Input:连续值,比如眼睛跟随鼠标的角度
Bool Input:开关,比如「是否在输密码」
Trigger Input:一次性事件,比如「成功庆祝一下」
State Machine:状态间的过渡和混合都由 Rive 自己处理,前端不用写动画逻辑