Show HN: MicroState – JavaScript City Builder
4 months ago
- #javascript
- #isometric-game
- #tech-demo
- MicroState引擎的早期技术演示，并非完整游戏。
- 使用HTML 2D Canvas和原生JavaScript构建。
- 对鼠标/键盘的支持优于触摸输入。
- 右键拖动移动地图；左键配合移动工具使用。
- 触摸设备支持双指/三指拖动和捏合缩放。
- 交互式小地图用于导航和缩放（+/-按钮或鼠标滚轮）。
- 按'M'键打开更大的地图视图。
- 放置地形板块：绿地、土壤、黏土、灌木、铺装、沙地、水域。
- 地形工具：抬高、降低、平整、平滑。
- 不同地形支持不同树木和建筑。
- 地形高度可调但存在坡度限制。
- 按住Ctrl键可填充地形或修改道路下方的地形。
- 道路可铺设在除深水区外的多数地形上（浅水区可架桥）。
- 道路限制：禁止陡坡或过度倾斜；需使用平滑工具调整。
- 按住Shift键可约束道路为水平/垂直线条。
- 按住Ctrl键可绘制道路网格。
- 划分区域：住宅区、商业区、工业区。
- 建筑会自动平整地形；当前为静态效果（早期演示）。
- 按住Ctrl键可沿道路边界填充式划分区域。
- 树木可放置在绿地、土壤、沙地；部分路边支持植树。
- 喷泉可放置在铺装广场中。
- 线框和网格视图便于观察地形/基础设施。
- 生成含多样化地形的新地图（河流、湖泊、海岸线）。
- 点击城市生成按钮自动创建城市。
- 本地保存/加载地图（单存档位；无撤销功能；需手动保存更改）。
- 存档数据在浏览器会话间永久保留。