Rive logo

Rive

认领

Rive 是面向设计师、动画师和开发者的交互式设计与动画引擎,可在编辑器中一次创建,并原生发布到应用、网站、游戏及其他支持平台。

Rive preview

概述

Rive 是用于构建可直接投产的图形与体验的交互式设计与动画引擎。该产品面向希望在一个地方完成设计、动画和代码编写,然后将同一作品发布到应用、网站、游戏、设备和车辆中的设计师、动画师和开发者。

官网描述了一条端到端流水线,由编辑器、有状态文件格式、开源运行时和高速渲染器组成。Rive 的核心承诺是:你在编辑器中创建的内容,就是最终在生产环境中发布的内容,从而缩小设计与实现之间的差距,同时在受支持的平台上提供原生播放。

核心功能

可直接用于生产的编辑器

设计师、动画师和开发者在同一个编辑器中工作,官网强调生产输出与在其中构建的内容保持一致。

状态机交互

State Machine 让团队以可视化方式定义交互,使用状态、过渡、监听器、输入、混合状态和图层来控制行为。

Luau 脚本

Rive 的脚本功能处于早期访问阶段,使用 Luau 脚本来扩展可在编辑器中构建的内容。

AI 辅助编辑

AI Agent 处于早期访问阶段,官网将其描述为可帮助编写代码并处理重复性任务。

可复用、响应式的 UI 构建模块

Rive 提供可复用的组件、数据绑定、响应式布局和滚动功能,让界面可以自适应并便于重复使用。

多平台运行时

开源运行时可在 Web、移动端、桌面端和引擎目标平台上原生运行 Rive 文件,并由 Rive Renderer 这款 GPU 加速的矢量图形引擎提供支持。

常见使用场景

  • 产品界面

    使用 Rive 为需要在应用和网页端保持一致行为的产品 UI 构建界面动效和交互状态。

  • 移动应用

    使用编辑器和运行时创建应在 iOS 和 Android 上原生运行的移动应用动画资源与交互。

  • 游戏与游戏引擎

    使用同一工作流为游戏 UI 和交互元素进行制作,这些内容需要发布到 Unity、Unreal、Defold 或 C++ 环境中。

  • 协同动效设计

    适合需要可复用组件、共享文件以及在共同迭代动效系统时协作的团队使用 Rive。

  • 传统媒体导出

    当你需要从同一源文件输出 GIF、MP4、PNG 或 WebM 等非交互内容时,可使用 Cloud Renderer 和导出选项。

Pros and Cons

Pros

  • 将设计、动画和代码整合到一个工作流中。
  • State Machine 工具让交互在编辑器中可见且可编辑。
  • 开源运行时支持在多个平台和引擎上原生播放。
  • 编辑器既支持导出交互式 Rive 文件,也可通过 Cloud Renderer 导出传统媒体格式。
  • 定价包含免费方案,便于在升级发布作品前进行创建和学习。

Cons

  • 部分功能标记为早期访问,包括脚本和 AI Agent。
  • 定价和功能集会因方案而异,因此团队可能需要评估哪个层级包含其所需的协作、托管或支持能力。

FAQ

Rive 适合哪类产品?

Rive 是一款交互式设计与动画工具,配备用于生产播放的开源运行时。官网将其定位为适合在应用、游戏、网站、产品和车辆上工作的设计师、动画师和开发者。

可以从 Rive 导出什么?

源内容显示,编辑器用于创建可直接用于生产的图形,同时开源运行时可在受支持的平台上原生运行 Rive 文件。编辑器页面上的导出选项还包括通过 Cloud Renderer 输出 GIF、MP4、PNG 和 WebM 等传统格式。

有免费方案吗?

Rive 的定价页面显示有一个可在编辑器中创建内容的免费方案,并提供用于发布作品以及更高级协作或企业功能的付费方案。免费方案适合学习和构建,付费方案则增加了发布、资源库、托管、支持和企业控制。

Rive 支持哪些平台?

Rive 的定价页面列出了对 Web、iOS、Android、Unity、Unreal、C++、React Native、Flutter 等的支持,官网还提到了 React、Framer、Webflow、Wix Studio、Defold 和 macOS 等平台。

工作流程是怎样的?

源内容描述的工作流程是:你在编辑器里构建的内容,就是最终在生产环境中发布的内容,使用相同的文件格式和运行时。这意味着设计、动画和实现可以使用同一套工具链,而不是依赖单独的交接文件。

Quick Facts

类别
交互式设计与动画引擎
主要用户
设计师、动画师和开发者
平台
Web、iOS、Android、Flutter、React、React Native、C++、Defold、Unity、Unreal、Framer、Webflow、Wix Studio、macOS
来源域名
rive.app
定价
免费编辑器方案;付费方案包括 Cadet、Voyager 和 Enterprise
代表性工作流
在编辑器中构建,并通过运行时发布同一作品