Anthropic / V005

模型发布｜Fable 5

先用图册建立视觉语境，再让植物、版画和微观纹理组成同一个数字。材质快速变化，识别轮廓始终稳定。

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

整体编排规则示例

0.00 / 20.42 秒

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>模型发布｜Fable 5 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e7ddc5}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

动作与构图

局部动作 · 构图规则

轮廓固定，媒介变化

米色自然史图册、版画与纸张纹理；结尾衬线标题配砖红底。

前段建立图册语境，中段让不同媒介共享数字 5 轮廓；观众识别依赖稳定外形而非固定纹理。

用切镜更换材质

用切镜更换材质规则示例

0.00 / 10.00 秒

5.5–15.5 秒 · 动作示意独立打开 ↗

查看 HTML 源码

<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>模型发布｜Fable 5 · sequence</title><style>html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e7ddc5}canvas{display:block;width:100%;height:100%;object-fit:contain}</style><body data-mode="clip" data-start="5.5" data-end="15.5"><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>

数字出现后以离散切镜更换材质，不能把跨素材变化解释为一个物体的连续形变。

最后素材散开，留出干净的产品标题；视觉密度从高到低。