Rive 动画查看器

通过动画播放、状态机测试、状态时间线审查、事件记录和切换就绪布局控件在本地预览 Rive `.riv` 文件。

选择或删除 Rive .riv 文件

通过画板切换、状态机输入、事件记录和切换就绪布局控件在本地预览交互式 Rive 运行时导出。

将上传的“.riv”文件保留在浏览器中,无需 ToolBuddy 服务器上传。
使用 OffscreenCanvas 在隔离的工作线程内运行 Rive 渲染,以便 ToolBuddy 在运行时启动失败时可以恢复。
在一个审阅工作区中展示画板、动画、状态机、输入和播放速度。
添加状态时间线和事件记录器,以便在 QA 和切换期间更容易解释运行时行为。

为什么选择 ToolBuddy?

没有文件上传

您的“.riv”文件保留在您的设备上。

快速运行时预览

画布渲染在独立的预览工作线程内开始。

交互式调试器

检查画板、状态机、输入、时间线事件并查看上下文。

免费,无需注册

所有工具都是永久免费的。无需帐户。

了解您的工作流程

支持的文件和 如何使用。

检查支持的 input/output 详细信息并在导出之前按照工具步骤操作。

🧾

技术规格和决策信号

在运行 rive-animation-viewer 之前,使用这些规范来验证工作流程适合性、隐私边界和输出期望。

成本

免费工作流程,核心使用无需注册。

Security

Processing 尽可能在浏览器中运行,以减少服务器上传暴露。

设备

支持现代桌面和移动浏览器。

技术规格

输入:导出的 Rive `.riv` 运行时文件。输出:浏览器内运行时预览,包括画板、动画、状态机、输入、布局、速度、时间线、事件记录器和本地 JSON 审核导出控件。

🧭

如何使用

检查支持的 input/output 详细信息并在导出之前按照工具步骤操作。

01

选择或删除“.riv”运行时文件。

02

等待签名验证,同时隔离工作线程预览会自动启动。

03

选择您想要查看的画板、动画或状态机。

04

调整目标布局的适合度、对齐方式、比例和画布背景。

05

使用播放控制、速度和状态机输入来验证交互性。

06

在共享反馈或集成说明之前,请查看状态时间线、事件记录器和切换模式。

指导

学习、决定、 并申请。

了解如何使用 如何在本地查看 Rive 文件、为什么它在重复工作流程中很重要,以及何时自信地使用此工具。

状态机审查和运行时调试

  • 将上传的“.riv”文件保留在浏览器中,无需 ToolBuddy 服务器上传。
  • 使用 OffscreenCanvas 在隔离的工作线程内运行 Rive 渲染,以便 ToolBuddy 在运行时启动失败时可以恢复。
  • 在一个审阅工作区中展示画板、动画、状态机、输入和播放速度。
  • 添加状态时间线和事件记录器,以便在 QA 和切换期间更容易解释运行时行为。
  • 包括用于嵌入测试的布局、比例、背景和检查器覆盖。
  • 允许审阅者导出本地 JSON 会话摘要,而无需共享源文件。
🎯

在集成之前测试 Rive 切换

  • 在添加运行时代码之前测试交互式 Rive 组件。
  • 验证从 Rive 导出的画板、动画和状态机。
  • 检查设计人员到开发人员交接期间的状态转换和输入更改。
  • 检查 Web、应用程序、游戏或无代码嵌入的布局行为。
  • 导出本地 JSON 审核会话以进行调试或 QA 后续工作。
关于

关于 Rive 动画查看器

Rive 查看器在线Rive 动画查看器Rive 状态机查看器

预览导出的 Rive 运行时文件

Rive 动画查看器直接在浏览器中打开导出的“.riv”运行时文件,以便设计人员、开发人员和 QA 审阅者可以检查将发布的确切运行时资产。

该工具会在将文件缓冲区的副本传递给独立的工作预览之前验证“RIVE”binary 签名,这样即使运行时加载失败,主页也能保持响应。

检查画板、动画和状态机

在导出的画板之间切换、选择动画剪辑并从一个本地审阅工作区运行状态机,而不是在多个测试表面之间切换。

预览使选择上下文在画布上可见,而检查器叠加会汇总签名、计数和画板尺寸,以进行快速健全性检查。

测试交互式输入并审查行为

当状态机公开输入时,您可以在实时运行时切换布尔值、编辑数字和触发触发器,而无需先编写集成代码。

状态时间线和事件记录器面板使这些交互在 QA、审查和工程师交接期间更容易解释,因为选择、运行时事件和状态更改保持可见。

检查布局、速度和后台行为

适合、对齐、缩放、速度和背景控件有助于验证动画在真实产品表面中的坐姿和感觉。

响应式画布调整大小使预览在桌面和移动设备上保持有用,而切换模式则将面板剥离到最重要的审阅界面。

将预览保留在本地并共享结构化审阅笔记

上传的“.riv”文件在本地读取,不会上传到 ToolBuddy 服务器。事件记录器可以导出本地 JSON 审核快照,而无需将源动画复制到后端。

隔离的工作人员从 Rive CDN 加载 Rive 画布运行时和 WASM;如果“.riv”引用 Rive 托管的资产,运行时可能会获取这些资产以完成预览。

FAQ

常见的 问题。

还有其他问题吗?通过联系我们 我们的联系页面 我们将在 24 小时内回复。

我的 Rive 文件是否上传到服务器?

否。 Rive 动画查看器在本地读取“.riv”文件并将其呈现在浏览器中。

支持哪些文件?

该工具支持导出的 Rive 运行时“.riv”文件。不支持可编辑的“.rev”项目或备份文件。

我可以查看状态机和输入吗?

可以。您可以切换画板、动画和状态机,然后在实时运行时测试公开的布尔值、数字和触发器输入。

我可以导出审核会话吗?

可以。事件记录器可以下载本地 JSON 会话摘要,以捕获选择、运行时事件、输入更改和时间线活动。