SuperAPI AI 工具集

rive

前端与建站

查看项目

更新于 10-15 16:43

技能介绍

用途:本技能面向 Rive 交互动画平台,用于创建并运行跨 Web、移动与游戏平台的交互图形。资料给出编辑器内脚本、状态机、数据绑定与运行时集成等主题。

主要能力:以 Luau(Lua 变体)在 Rive 编辑器内编写脚本,协议包括 Node(自定义绘制,含 init、advance、draw)、Layout(measure、resize)、Converter(convert、reverseConvert)、PathEffect(init、update、advance)与 Test。状态机支持状态、输入(数字、布尔、触发器)与过渡,可在运行时读写输入。数据绑定通过 View Models 连接动态数据,可获取嵌套 View Model 并监听变更。绘制 API 覆盖 Path(moveTo、lineTo、quadTo、cubicTo、close、measure、contours)、Paint(填充/描边、颜色、粗细、端点、连接、混合模式、线性渐变)与 Renderer(变换、save/restore、裁剪、绘制路径与图像)。支持指针事件与动态实例化画板。

使用方式:Web 端安装 npm install @rive-app/react-canvas(另有 react-canvas-lite、react-webgl、react-webgl2),通过 useRive 钩子加载 .riv 文件并指定 stateMachines,使用 stateMachineInputs 查找并设置输入值实现滚动等交互;也可订阅 statechange、riveevent 事件。

适用场景:React/Next.js 动画集成、滚动或视差动画、自定义渲染与绘图、指针交互、基于 View Models 的数据绑定。

限制:资料未说明收费、价格与具体平台版本要求;部分内容指向 @references 文件,正文未提供其完整细节。