Perplexity / V083

Perplexity Computer — one agent for end-to-end projects

连续展示三种任务输出，最后用应用生态和成果墙收束。每次切换任务都要带来一种新的结果形态。

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

整体编排规则示例

0.00 / 94.37 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Perplexity Computer — one agent for end-to-end projects · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fafaf7}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 / 16.00 秒

73–89 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Perplexity Computer — one agent for end-to-end projects · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fafaf7}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="73" data-end="89"><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>

先让应用图标围绕中心主张展开，再用多列结果接住视觉密度。图标表示连接范围，成果列表示实际交付，两种信息按先后呈现。