SuperAPI AI 工具集

rive-react

前端与建站

查看项目

更新于 10-16 06:14

技能介绍

用途:在 React 项目中集成 Rive 动画,通过组件与 Hooks 渲染并控制动画。

主要能力:提供 useRive Hook 与 RiveComponent,可设置动画源、状态机与自动播放;返回 rive 实例用于直接控制,并可通过 useStateMachineInput 获取和修改状态机输入;支持 onLoad、onStateChange、onPlay、onPause 等回调。

使用方式:Canvas 渲染器安装 npm install @rive-app/react-canvas,WebGL 渲染器安装 npm install @rive-app/react-webgl。基础用法是调用 useRive 传入 src、stateMachines、autoplay,再渲染 RiveComponent。控制输入时结合 useStateMachineInput 读取或赋值。

限制:资料仅列出上述安装、Hook、输入控制与回调,其余能力、平台要求、收费与性能细节暂未提供。