跳到正文

让想法逐步成形

烟雨站 · 江南春日

一座漂浮的江南水乡铁路小站。看乡间列车穿过花树与河道,在白墙黑瓦之间,留住一段缓慢的春日时光。

已完成Three.jsWebGLJavaScriptCanvas

一站春日,片刻停留。

烟雨站江南春日三维微缩景观

点击后启动三维景观 · 看列车穿过春日水乡

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

阅读目录

一站春日,片刻停留

烟雨站是一座漂浮在柔和天空中的江南水乡铁路小站。白墙黑瓦沿河而立,石桥连起两岸,乌篷船停在木栈道旁;油菜花田、竹丛、垂柳与粉白花树,围住一段缓缓流动的春日时光。

亲自走进微缩世界

点击「进入烟雨站」启动景观。拖拽旋转、滚轮或双指缩放,可以从不同角度看月台、村落与分层地块。

  • 三节乡间通勤列车从隧道驶出,进站短暂停靠,再开往另一侧隧道,约每 32 秒循环一次。
  • 平交道口在列车接近前闪灯、落杆,车尾离开后恢复通行。
  • 点击「昼夜切换」,看暖窗、路灯与列车头灯渐次亮起;点击「呼叫列车」,安排下一班小小旅程。
  • 460 片花瓣随风缓落,河面保留轻微水纹与卡通化灯影。

从基本图元开始

建筑、桥梁、列车、植被与河道均由代码生成;草地、白墙、瓦片、站牌和道路标线使用 Canvas 绘制,没有外部模型或图片贴图。作品采用固定种子布局、三阶卡通明暗和墨色轮廓线,并通过静态几何合并与实例化减少绘制开销。

作品保留为独立 HTML,通过 CDN 加载固定版本的 Three.js。开启系统「减少动态效果」时,默认停下环境动画与自动班次,仍可手动呼叫列车。项目页仅在进入体验后加载三维资源,离开画面时暂停,结束体验后释放资源。

桌面与手机视口已完成浏览器检查;实体手机、Safari 与长时间性能仍待进一步验证。

返回项目