我本来觉得 Opus 4.8 -> 5.0 好像也没啥特别的,现在的模型已经看不太出差异了。但是当我测了第一个例子之后,大为震惊!
这个震惊主要来自三个方面:效果、Token、时间!
1、效果
我们先来看效果:

这个例子我测了几十个模型了,这个效果绝对历史最佳!空间感和细节吊爆了,主题和元素方面也是做的非常出色。
可以拉近看一下细节:

这是虹桥的起点,自动上升的电梯。

这是虹桥的终点,自动平移的电梯!
整个图里,细节非常多非常多!
因为细节太丰富了,我索性让它加了一个局部放大和背景音乐。这种震撼,只能是刷网页或者看视频才能体会了。文章大概只能体会 50%!
我会把这个页面的完整内容上传到:topai.jarvisuni.com !
2、过程
除了效果惊艳之外,整个过程也是异常的简洁和清晰!
我是通过 Claude Desktop 来完成这个例子的。我直接把提示词扔到输入框中,然后一个回车,它就开始干活了。
下面是它的完整的开发过程:

它是先快速开发了一个版本,然后自己不停地检查和优化!
我简短列一下它的修改过程中的反馈信息:
Runs clean. Now rebalancing the composition --- the river (the spine of the scroll) is being swallowed by the shop row. Adjusting the vertical bands:
运行正常。现在重新调整整体构图------河流(作为画卷的主轴)被商铺区域遮挡太多了,正在调整垂直方向的布局比例。
Good progress. Now enlarging the street band so the crowd reads, and toning down the haze:
进展不错。现在扩大街道区域,让人群更加明显,同时降低雾气效果。
17.9 FPS at DPR 2 --- needs optimization. Moving the full-canvas grain and color-grade passes to GPU compositing:
在 DPR(设备像素比)为 2 的情况下只有 17.9 FPS,需要优化。
正在把整个画布的颗粒效果和色彩调色处理移动到 GPU 合成阶段。
(意思:之前每帧 CPU 重绘太多,现在交给 GPU 提升性能)
Performance is fine --- the preview pane itself caps at 26 fps (rAF runs at 26 even with the canvas hidden). Draw cost is ~5 ms/frame. Raising quality back up:
性能没问题------预览窗口本身限制最高只有 26 FPS。(即使隐藏 Canvas,浏览器动画帧率也只有 26)
绘制成本大约每帧 5 毫秒。
正在重新提高画面质量。
Now drawing the riverside shacks in the bank layer:
现在正在河岸图层绘制临水小屋。
Adding roof-type variety and thickening the crowd --- the source painting's signature is density:
增加不同类型的屋顶,并增强人群密度------原始画作最大的特点就是"丰富的密集感"。
The hover card works. Adding two final spectacle elements --- fireworks over the river and drifting sky lanterns:
悬浮卡片功能已经正常。
正在添加两个最后的视觉效果:
- 河上的烟花
- 漂浮的天灯
里面最值得注意的是:
"source painting's signature is density"
这句话说明它不是单纯追求功能,而是在理解参考作品的艺术特点:清明上河图的核心不是某一个建筑,而是"高密度的人物、商业活动、空间层次"。这属于视觉审美层面的迭代。
从它每一次的修改里已经可以看出来,它脑子非常清楚,而且很会抓重点。
下面来看看它的开发总结吧。
賽博·清明上河圖 --- 單文件動態長卷,直接用瀏覽器打開即可,完成了:cyber-qingming.html,单文件、零依赖、纯 Canvas2D 过程化绘制。
空间感的做法
不是画一张长图平移,而是五层视差 + 一套竖向空间带:
| 层 | 视差 | 内容 |
|---|---|---|
| 天穹 | 0.06 | 裂纹明月+轨道环、霓虹线稿祥云、空中锦鲤群、全息神龙巡天、孔明灯 |
| 远天际线 | 0.20 | 巨型塔楼、楼冠霓虹、航障灯、大幅全息广告(叠大气霾压缩对比) |
| 对岸 | 0.55 | 城墙、楼阁、仓栈、吊机、望火楼旋转扫描 |
| 汴河与主街 | 1.00 | 水面倒影、漕船、虹桥、店铺、街市、人潮 |
| 前景 | 1.75 | 屋檐一角(椽子/斗拱/灯笼)、垂柳、缆线挂旗、贴近镜头的人群剪影 |
竖向按鸟瞰散点透视排布:天空 → 远城 → 河(498--672)→ 河滩码头 → 店铺屋脊 → 主街(840--1000)。屋顶压得比河面低,所以能越过屋脊看到河------这是原画的视角逻辑。
内容融合
- 虹桥 :非对称抛物拱横跨汴河,桥下画出标志性交叉编木梁(改成发光构件),桥面棚摊、行人、桥头华表改天线塔,牌匾"虹桥";街面有引桥坡道接上去。船只驶近虹桥时桅杆会自动放倒------原画那个著名情节。
- 东角子门城楼带真实门洞,洞内有纵深光晕。
- 店铺名录 24 家,都是原画铺号的赛博改写:孙羊正店→合成酒馆、赵太丞家→神经诊所、王家纸马→数字丧仪、久住王员外家→胶囊旅舍、解字当铺→记忆典当、刻印社→身份刻写(黑市)。
- 屋顶三种形制(歇山曲檐 / 悬山直坡 / 平顶女儿墙+LED),斗拱、格子窗、冰裂纹窗、幌子酒旗、光子灯笼。
- 行人 10 种:斗笠长袍、发光义肢、挑担、霓虹伞、全息光环、飞轮、悬浮轿子、机械牛车、机械骆驼商队。
- 诗句轮播:清明时节雨纷纷 / 路上行人欲断魂 / 借问酒家何处有 / 霓虹遥指杏花村。
交互
悬停任意店铺 → 画面上出现锁定角标+扫描线+引线,右侧弹出赛博信息卡(编号、中英名、标语、好评率/人气/赛博化三条动画数据条、标签、价位,黑市店铺标红)。悬停时卷轴自动减速到 30% 方便阅读。 键位:空格 停卷 · ←→ 调速 · B 辉光 · H 隐藏题款。
动态元素
HUD 实时显示 558 个:22 家店铺招牌各自独立闪烁(含偶发熄灭与高频抖动)、17 辆三个深度的飞车、8 架带探照灯无人机、21 条漕船、204 个行人、26 座码头、灯笼/幌子/蒸汽/水洼/雨丝/烟花/孔明灯等。
渲染与性能
霓虹用多重叠加描边(不用 shadowBlur),末端加全屏 1/5 分辨率辉光(降采样→自乘阈值→模糊→加法回合成);颗粒与色彩分级移到 CSS 合成层走 GPU;扫描线、暗角同理。
实测每帧绘制 6.8ms(约 147fps 余量),并带像素预算自动降采样,高分屏不会掉帧。截图里 HUD 显示的 17--26 FPS 是预览面板本身的 rAF 上限------把画布完全隐藏后 rAF 仍是 26,与绘制无关。
无论是过程还是结果都非常高水准!那么时间和 Token 消耗怎么样呢?
3、时间和 Token
除了结果让我惊讶之外,消耗的时间和 Token 同样令我惊讶!同样的需求,有些模型三两分钟就搞完了,结果也非常敷衍,有些模型要十几分钟,结果马马虎虎。而 Opus 5 使用了整整 50 分钟!
这个时间比我预期的长,这么长的时间,Token 消耗肯定也少不了。下面是具体的情况:

仅仅一个需求、一个页面,消耗了 70% 的五小时配额,27 万的上下文。然后我让它稍微调整一下,100% 就干完了。
这个配额消耗确实和 Fable 5 非常相近。
由于这个比例还是比较抽象!所以我让它自己统计了一下具体的 Token 消耗情况。
核心数据如下:
| 项目 | Token |
|---|---|
| 输入(未命中缓存) | 339 |
缓存写入 cache_creation |
693,300 |
缓存读取 cache_read |
34,634,135 |
| 输出 | 160,895 |
| 合计 | 35,488,669 |
总共是 3500 万左右的 Token!
这个数字应该说消耗是不少的,当然 K3 可能消耗更多~哈哈!
其他指标
- API 调用次数:179 次(全部
claude-opus-5,无子 agent / sidechain) - 单次调用最大上下文:275,904 Token
- 缓存命中率:98.0% (34.63M ÷ 35.33M 输入侧总量)
- 真正"新增"计算量(输入 + 缓存写入 + 输出):仅 854,534 Token,占总量 2.4%
说明
- 34.6M 的缓存读取是这个数字的主体。因为整个会话围绕同一个不断增长的 HTML 文件反复迭代,每轮调用都要重读前面的全部上下文;到后期单次上下文已达 27.6 万 Token,乘以 179 次调用就累积成千万级。这部分走的是缓存读取,单价远低于常规输入。
- 输出 16 万 Token 对应那份约 1900 行的单文件代码及其数十轮增量编辑。
- 未计入当前这一轮对话(还未落盘)。
费用
我大致算了一下这次需求按 API 计价的话:≈ 25.7 美元 ≈ 185 元人民币左右!
看到这个价格你们是什么感觉? 是贵还是便宜?
我是很开心的,我的订阅费才 20 美金!一个例子就赚回来了,真 TM 值啊!
我很开心,Opus 5 是一个让我还能很兴奋地介绍给大家的模型!
这个例子同样会上传到 topai:topai.jarvisuni.com/

这个例子从 2026 年 2 月到现在,已经测试了几十个模型了!这是一个原创的测试场景,涉及到概念融合、想象力和视觉呈现能力!