THREE.JS · 交互园林 · 2026.09.24

圆明·
时序重建

基于 Three.js 的圆明园艺术化园林:漫游大水法意象遗址,四秒重建蓝顶概念宫苑。

进入园林可在线体验 · 作品仍在打磨
实机画面:草木覆盖的大水法意象遗址与时序界面
走进园林

点击下方按钮会在新窗口打开园林,首次载入约 380 MiB 资源。建议使用桌面浏览器;试玩保留当前开发状态。

E 往返遗址与宫苑 · R 重播 · 拖动时间轴停在中间态 · 拖拽旋转、滚轮缩放 · View 切换机位 · M 静音。

在新窗口打开园林 ↗
01 — 时间可以往返

从遗址,走向想象中的宫苑。

从草木覆盖的大水法意象遗址出发,按 E 让蓝顶宫苑在约四秒的编排动作中出现;再按 E 返回,或按 R 重播。时间轴可以停在过程中的任意位置,View 可切换宫苑、水边、遗址和园林机位。

七处大型基础合并件拆成 734 块台阶、栏杆与平台石件,与上部构件沿错开的轨迹掉落、归位;扬尘在建筑停下后仍会扩散、漂移并消散。遗址与宫苑使用不同建筑资产,不代表逐块对应的历史原件。

02 — 水法与影调

让水,跟着建筑醒来。

前景喷泉的池底拆为 40 块不规则石板,中央石景拆为 15 块独立石块,随建筑动作分别运动。宫苑出现后,喷流、跌水、落点波纹与水面倒影一起启动;回到遗址时水景退去。

遗址保持自然彩色,完整宫苑采用“古照片”式艺术影调。燃尽、尘烟、构件与水景都是实时视觉编排,不是实时刚体或流体模拟。

实机画面:古照片影调下的蓝顶概念宫苑与喷泉
当前试玩版的完整态实机画面;古照片影调是作品的艺术效果。
03 — 作品与制作

一座想象中的园林。

这是一段基于 Three.js 的圆明园 garden 艺术化体验。蓝顶宫苑、遗址与压缩布置的周边园林是创作表达,不是考古、测绘或历史准确复原。作品仍在打磨,视觉尚未最终验收。

创作分工:GPT-6 Sol 负责执行,Astra 负责 orchestrator 统筹。

本文截图采自 2026.09.24 当前 WebGL 试玩版本。线上体验为开发中的候选版,尚非正式 1.0。

返回交互作品目录