# 地图交互设计参考

本版目标是可读、可操作的三维城市地图。参考成熟游戏的地图机制，不把本地原型宣称为“SOTA验收完成”。

| 一手来源 | 来源支持的机制 | 本版落实 |
|---|---|---|
| [Jedi: Fallen Order 地图开发者 Jim Watson 拆解](https://jim_watson.artstation.com/blog/6mB8/holomap-from-star-wars-jedi-fallen-order) | 基于关卡几何生成地图，线检测区块碰撞体选区，独立 interior levels | 统一三维模型；射线命中建筑地块；贴实际网格边缘高亮；切层显示真实空间 |
| [Nintendo · Metroid Prime 官方手册](https://csassets.nintendo.com/noaext/image/private/t_KA_PDF/GCN_Metroid_Prime?_a=DATC1RAAZAA0) | 三维地图旋转、平移、缩放，区域图与世界图 | 左拖旋转、右拖平移、滚轮缩放；正上方正交鸟瞰与复位 |
| [EA · Jedi Survivor 官方无障碍设置](https://www.ea.com/able/resources/star-wars/star-wars-jedi-survivor/pc/accessibility) | 地图连接、锁定、解锁等状态有不同语义 | 货梯与锈梯按来源表示；停运旧货线与未定锚点不编造通行路线 |
| [Bethesda · Starfield 地图更新](https://bethesda.net/en-US/news/starfield-update-1-11-36-may-15-2024) | 地表地图改善地点辨识 | 实体地标轮廓、近远标注密度、由空间坐标投影的地点标签 |

鼠标和键盘映射、层间展开滑杆是本项目的实现选择；这些来源不决定极光城正史。

实现依据：[Three.js OrbitControls](https://threejs.org/docs/pages/OrbitControls.html)、[Raycaster](https://threejs.org/docs/pages/Raycaster.html)、[OrthographicCamera](https://threejs.org/docs/pages/OrthographicCamera.html)。固定 Three.js 0.186.1 与 esbuild 0.28.2。依赖本地打包，用户打开成品无需访问 CDN。

## 这一版的验收重点

- 换视角后，建筑、地点标注、选区轮廓均来自相同世界坐标，不再使用旧插画的二维多边形。
- 鸟瞰使用正交相机；旋转不会切换到另一张生成图。
- 霓虹街层可单独显示，平台上方遮挡会移开。
- 展开图只为读结构，层间距离不是新的城市尺寸设定。
- E01 是第二后巷侧墙单人门；巷道继续。
- 货梯 L-0 ↔ 上层，锈梯 L-0 ↔ 霓虹街；场馆局部下行不成为 L-0 公共捷径。