Wabi / V222

Introducing Wabi 2.0: a new kind of messenger that makes apps and gets things done…

聊天中的信息逐渐长成可用的小应用，再让这些应用组成个人首页。

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

整体编排规则示例

0.00 / 80.48 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Introducing Wabi 2.0: a new kind of messenger that makes apps and gets things done… · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fcfcfc}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 / 11.00 秒

44–55 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Introducing Wabi 2.0: a new kind of messenger that makes apps and gets things done… · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fcfcfc}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="44" data-end="55"><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>

共享宠物请求先出现在气泡，再生成应用卡，进入完整宠物页后回到群聊。手机框始终是稳定参照，应用与气泡用同一名称关联。