这是一款体素城市生成器,基于 Three.js + React 实现。打开就是一座俯瞰视角的方块小城——街道、楼房、停车坪、公园树木都是程序随机生成的,鼠标可以拖动旋转、缩放查看。
核心玩法在右上角那套控制面板:楼房高度、街区大小、街道宽度、商业区和住宅区的比例、空地和公园树木的数量都能拉滑块实时改,改完城市立刻重新长出来。换个随机种子就是一座全新的城。
最出彩的是那根 24 小时时间轴。拖动它,太阳会沿着轨迹划过,楼房的影子跟着一起转,天空从白天渐变到黄昏再到夜晚;天一黑,楼上的窗户就零零星星亮起来,窗户密度和亮灯比例也可以自己调。不同片区还有各自的配色,看着像真有分区规划。
适合科技公司官网、智慧城市和地产项目的展示页、数据大屏背景,也适合当作程序化生成的学习案例。