Rive / V384

Rive CLI — build Rive files with your agent

用一连串真正发生状态变化的作品说明交互能力：游戏、控件、设计系统和音序器各演示一个清楚动作。

构图与编排可播放 · 可替换内容

整体编排规则示例

0.00 / 31.27 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Rive CLI — build Rive files with your agent · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070909}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="sequence"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

画面元素竞速轨道节奏箭头纸牌列玻璃控件旋钮编辑器步进格子

MOTION LANGUAGE

动作与构图

局部动作 · 构图规则

先让观众看见动作，再换作品

竞速轨道有前进速度，节奏游戏有击中反馈，纸牌有位置变化。每个作品独占一屏，不把所有案例缩成同时播放的小格。

黑色外部舞台统一不同视觉语言

作品之间可有不同配色和字体，但四周保留黑色边距。状态数字、选中颜色与动作结果足够亮；控件的暗色基底不应吞掉边缘。

音序器用扫描线串起格子反馈

音序器用扫描线串起格子反馈规则示例

0.00 / 3.20 秒

25.6–28.8 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Rive CLI — build Rive files with your agent · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070909}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="25.6" data-end="28.8"><canvas width="1000" height="600"></canvas><script src="data.js"></script><script src="common.js"></script><script src="scene.js"></script><script src="bridge.js"></script></body></html>

固定列宽与行距，亮格表示已编排步骤，播放头匀速横移。扫描到亮格时短促加强亮度，跨越空格时不改变其状态。