A LIVING SCROLL · 2026.09.13

清明上河
一城烟火，一河故事。

走进宋代市井意象中的河畔城镇：穿过虹桥、漫游街市、跟随舟船，在 Three.js 实时画卷里发现日常。

阅读场景记录Three.js · WebGL2 · 桌面端 · 英文界面

从虹桥开始

点击下方按钮后在独立窗口载入场景，阅读本文不会自动加载试玩资源。首次载入需下载约 345 MiB 资源并预热十个镜头，请等待进度完成。推荐支持 WebGL2 的桌面浏览器与较快网络；默认 Auto 画质，尚未稳定达到 30 fps。

01 — 市井与河流

桥上是人，桥下是生活。

从河岸总览落到虹桥桥面，再沿码头走进街市、庭院与城门。场景包含 584 名动画人物、舟船和车队，河流上的尾迹会随着船只经过持续演化。打开 River traffic，可以选择一条船跟随，也能观察车队的行程。

Orbit 适合读全景，Fly 让你自由找机位，Walk 则把视线放回街道与建筑内部。在 Scene settings 中选择 Walking location，再点击 Start walking here；门、楼梯和家具都有碰撞。

02 — 画卷与实时渲染

Light Color、Antique Silk 与 Original Materials 三种模式，让淡彩、绢纹和原始材质各自讲述这座城。画卷强度、墨线、纸纹、时间与水流都可以调整；Auto 与 Cinema 提供不同的细节预算。

这是以宋代市井与清明上河意象为灵感的实时场景实验，美术与性能仍在打磨。场景基于本地 Blender 资产与 Three.js r179，并非原画的逐物考据复原。公开版提供漫游；4K 导出、批量截图和录像仍在本地工程中使用。