跳到正文

让想法逐步成形

烟雨西湖 · 可游的江南山水

一座悬于宣纸上的西湖微缩景观。拨开薄雾,沿着苏堤与三潭印月,循一叶画舫看晨昏流转。

进行中Three.js r160WebGL2GLSL程序化建模

一方山水,亲自游历。

烟雨西湖三维微缩景观

点击后启动三维景观 · 支持旋转、拨雾与泛舟

尚未启动时不加载三维资源。下载单文件

阅读目录

一湖山水,半卷烟云

我想把西湖做成一件可以亲自游历的山水小品。青玉般的湖体托着层叠低山,苏堤牵起南北,小瀛洲藏着四方水院。雷峰塔的飞檐、垂柳的细枝与一叶画舫,在烟雨之间慢慢显露。

点击上方「进入烟雨西湖」开始。轻移指针拨开薄雾,点一处湖水引导画舫,拖动画面环望山水。手机可以单指旋转、双指缩放,轻点水面引舟。读正文时,离开画面的景观会自动暂停。

借一束光,看四时流转

在「调景」里选择晴朗、薄雾、细雨或雨后,也可以切换四季。晨曦让柳梢染上浅金,夕照勾亮雷峰塔的屋檐;入暮之后,窗格、灯笼和三潭石塔渐渐亮起。雨落湖面,会留下细微涟漪。

「寻景」可以近观地标;「造境手记」记录地形、园林、光照与舟行的构思。需要更完整的展览画面时,可选择全屏或独立打开。

从代码里生长的西湖

地形、建筑、植被、水体和薄雾均由代码生成,没有借用外部模型、贴图或天空盒。作品保留为一个可下载的 HTML 文件,联网加载固定版本的 Three.js 模块后即可运行。

这是一幅对西湖的艺术化微缩,不是精确地理复原。它仍在打磨:我更在意水与山之间的留白,以及指尖掠过时,那一点缓慢、安静的回应。

设备性能不足时会降低画质;首次启动需要联网。作品仍在持续完善。

返回项目