云山巨城
2026-10-07 Three.jsWeb WorkerViteAI 辅助

0.2 米一个体素的中式山水巨城,768 m × 768 m 全体素核心区,飞瀑、宫城、水市与 24 小时昼夜。

全屏打开 ↗

关于这个作品

核心区 768 m × 768 m 全部由 0.2 米体素构成,外围约 3.2 km 是同一地形函数生成的远山。北崖有 80 m 落差的飞瀑,瀑旁是「飞瀑阁」建筑群;宫山、西岭、东屏、三江口水市、镜湖、北原等城区沿山岭、谷地和水岸分布,溪流在三江口汇入镜湖。

怎么玩

  • 环视:左键旋转,右键平移,滚轮缩放。
  • 漫步:WASD 行走,Q/E 升降,Shift 疾行,G 切换贴地 / 飞行。
  • 游览:沿路自动步行,镜湖南门 → 三江口 → 宫城 → 飞瀑阁 → 栈道悬空亭 → 揽云亭。
  • 空格暂停时间,[ ] 前后拨 15 分钟;数字键 1–9 跳到景点。

首次打开要在浏览器里现场生成整座城,约 10 秒,推荐桌面版 Chrome / Edge。

技术

Three.js 0.169 + Vite,Web Worker 生成地形、布局和建筑并网格化;区块 5 级 LOD、贪心合并网格、体素描边着色器、高度雾、水面与星空。日月、雾色、窗灯、街灯、孔明灯随 24 小时连续变化。

← 返回作品