## 【最重要・基盤構築】岡山市街地共有マップ＋路線統合仕様書

## 【最重要・基盤構築】岡山市街地共有マップ＋路線統合仕様書

---

## 基本方針（必ずこの順序で実装してください）

```
【実装順序】

STEP 1: 岡山市街地の共有3Dマップを構築
↓
STEP 2: その上に路面電車（おかでん）の線路・停留場を配置
↓
STEP 3: その上に両備バス西大寺線のルート・バス停を配置
↓
STEP 4: モード選択で「どの乗り物に乗るか」だけを切り替える
```

**重要：路面電車モードと両備バス西大寺線モードは同じ3D世界（マップ）を使用します。**
乗り物が変わるだけで、街の見た目・道路・建物はすべて共通です。

---

## 共有マップの構造

```javascript
// ゲームの世界構造
const world = {
// ① 共有マップ（常に存在・モードに関係なく表示）
sharedMap: {
roads: [...], // すべての道路
buildings: [...], // すべての建物
tramTracks: [...], // 路面電車の線路（常に地面に存在）
river: [...], // 旭川
parks: [...], // 後楽園・烏城公園
signals: [...], // 信号機
},

// ② モード別の乗り物（選択時だけ出現）
vehicles: {
tram: tramVehicle, // おかでんの車両
ryobiBus: busVehicle, // 両備バスの車両
jr115: trainVehicle, // 山陽本線115系（別マップ）
}
};
```

---

## 共有マップの範囲（添付地図画像に基づく）

添付の地図画像（岡山市中心部）をそのまま3D化してください。

```
【マップ境界】
北端：後楽園通り・岡山県立美術館付近
南端：東中央町・清輝橋付近
西端：岡山駅・山陽新幹線付近
東端：旭川東岸・中区境界付近

実寸：東西 約3.5km × 南北 約3.0km
Threeスケール：1unit = 1m
```

---

## 道路網の完全実装（地図画像を参照）

### 東西方向の道路（北から南の順）

#### 桃太郎大通り ★最重要
```
西端（岡山駅前）→ 西川緑道公園 → 城下 → 東端
距離：約1.4km
幅：全幅42m（片側3車線＋中央路面電車軌道3m）
中央：路面電車レール2本＋レンガ色舗装
歩道：両側6m・プラタナス並木（15m間隔）
制限：40km/h
```

#### あくら通り
```
天満屋付近 → 西大寺町 → 旭川手前
距離：約1.0km
幅：全幅14m（片側1〜2車線）
制限：40km/h
```

#### 県庁通り（東西方向部分）
```
城下筋付近 → 旭川方向
幅：全幅16m
制限：40km/h
```

#### 小橋〜東山ライン（東山線沿い）
```
小橋 → 中納言 → 門田屋敷 → 東山
距離：約1.5km
幅：全幅12m（片側1車線）
路面電車レールあり
制限：40km/h
```

#### 国道21号（南部）
```
マップ南部を東西に横断
幅：全幅18m（片側2車線）
制限：50km/h
```

### 南北方向の道路（西から東の順）

#### 国道180号（西川筋）★重要
```
桃太郎大通り交差点 → 田町 → 新西大寺町筋 →
大雲寺前 → 東中央町 → 清輝橋方面
距離：約2.0km
幅：全幅18m（片側2車線）
中央：路面電車レール2本（清輝橋線）
制限：40km/h
```

#### 城下筋
```
桃太郎大通り付近 → 天満屋東 → 西大寺町 → 南下
距離：約1.2km
幅：全幅14m（片側1〜2車線）
制限：30km/h
```

#### 水之手筋
```
旭川西岸に沿って南北
幅：全幅10m（片側1車線）
制限：30km/h
```

#### 国道250号（旭川東岸・さくらみち）
```
旭川東側を南北に走る
幅：全幅16m（片側2車線）
制限：40km/h
```

#### 国道30号
```
マップ中南部を南北に走る
幅：全幅16m
制限：40km/h
```

---

## 路面電車の線路（共有マップに組み込む）

### 重要：線路は道路メッシュと別オブジェクトとして実装
```javascript
// 線路は道路の上に重ねて配置（Z-fighting防止のためy=0.01）
const trackGeometry = new THREE.TubeGeometry(tramCurve, 500, 0.05, 4);
track.position.y = 0.01; // 道路面より1cm上に配置
```

### 東山線の線路ルート（地図準拠）
```
岡山駅前(H01) → 桃太郎大通りを東進
→ 西川緑道公園(H02) → 引き続き東進
→ 城下(H04) ← ここで右折・南東方向へ
→ 県庁通り(H05) → 引き続き南東
→ 西大寺町(H06) → 東方向へ
→ 小橋(H07) → 旭川支流の橋を渡る
→ 中納言(H08) → 住宅街を東進
→ 門田屋敷(H09) → 住宅街
→ 東山(H10) ← 終点
```

### 清輝橋線の線路ルート（地図準拠）
```
岡山駅前(S01) → 桃太郎大通りを東進（東山線と共用）
→ 西川緑道公園(S02) → 共用区間終わり
→ 柳川(S03) ← 分岐点・ここから南下
→ 郵便局前(S04) → 国道180号を南下
→ 田町(S05) → 引き続き南下
→ 新西大寺町筋(S06) → 南下
→ 大雲寺前(S07) → 南下
→ 東中央町(S08) → 南下
→ 清輝橋(S09) ← 終点
```

### 線路の3D仕様
```javascript
// レール2本（標準軌1.435m）
const railLeft = createRail(-0.7175, tramCurve); // 左レール
const railRight = createRail(+0.7175, tramCurve); // 右レール

// 枕木（5m間隔）
function createSleeper(position) {
const geo = new THREE.BoxGeometry(2.0, 0.15, 0.22);
// 木製・茶色 #4A3728
}

// 架線柱（20m間隔・高さ5m）
function createPole(position) {
const pole = new THREE.CylinderGeometry(0.05, 0.05, 5.0);
// グレー #888888
// 頂部に水平アームを追加
}
```

---

## 両備バス西大寺線のルート（同じマップ上を走る）

### ルート（前回提出の地図に基づく正確なルート）
```
岡山駅東口（出発）
↓ 東へ（桃太郎大通り）
岡山駅前バス停 → 西川緑道公園バス停
↓ 右折・南下（国道180号）
天満屋バス停（ループして東へ向き直す）
↓ 東へ（あくら通り）
西大寺町バス停
↓ 旭川を橋で渡る
↓ 右折・南下
門田屋敷バス停 → 山陽学園前バス停
↓ 左折・東へ
東山バス停（終点）
```

### バスルートは共有マップの道路上を走る
- バスは既存の道路メッシュの上を走る
- バス専用の新しい道路は不要
- バス停のオブジェクト（ポール・屋根）だけを追加

---

## 主要建物・ランドマーク（共有マップ内に配置）

| 建物 | 位置（おおよそ） | サイズ | 色 |
|------|---------------|------|-----|
| JR岡山駅舎 | 西端中央 | 幅120m・高5階 | ベージュ `#D4C5A0` |
| 岡山城（天守） | 東部・烏城公園内 | 高さ20m・3層 | 黒 `#1A1A1A` |
| 後楽園 | 北東・旭川中州 | 広大な緑エリア | 緑 `#3A7D3A` |
| 烏城公園 | 東部 | 公園緑エリア | 緑 `#4A8A4A` |
| 天満屋岡山本店 | 中央 | 幅80m・高9階 | 白 `#F0EEE8` |
| イオンモール岡山 | 駅南東 | 幅150m・高5階 | グレー `#888888` |
| 岡山県立美術館 | 北部中央 | 幅60m・高3階 | 白 `#F5F5F0` |
| ハレノワ | 南中央 | 幅100m・高4階 | ガラス `#8899AA` |
| 林原美術館 | 中央東 | 幅40m・高3階 | 白 `#EEEEEA` |
| 岡山市役所 | 南西 | 幅80m・高7階 | グレー `#AAAAAA` |

---

## 旭川の実装仕様

```javascript
// 旭川（地図右側の大きな川）
const asahiRiver = {
width: 90, // 幅90m（実際の旭川の幅）
color: 0x5B9FB5, // 青緑色
length: 3000, // マップを縦断（南北3km）

// 水面の光反射
material: new THREE.MeshStandardMaterial({
color: 0x5B9FB5,
transparent: true,
opacity: 0.85,
metalness: 0.1,
roughness: 0.05, // 滑らかにして光反射
}),

// 橋梁（地図に表示されている橋）
bridges: [
{ name: '新鶴見橋', position: 'north', width: 14 },
{ name: '鶴見橋', position: 'north-mid', width: 12 },
{ name: '月見橋', position: 'mid', width: 12 },
{ name: '旭川橋', position: 'south-mid', width: 14 }, // バスが渡る橋
]
};
```

---

## モード別の乗り物と動作（同じマップ上で切替）

```javascript
// モード選択時の処理
function selectMode(mode) {
// 共有マップはそのまま・乗り物だけ切り替える

switch(mode) {
case 'tram_higashiyama':
spawnVehicle('okaden_tram');
setRoute(higashiyamaLine); // 東山線ルート
setStartPosition(okayamaEkimae); // 岡山駅前からスタート
break;

case 'tram_seikibashi':
spawnVehicle('okaden_tram');
setRoute(seikibashiLine); // 清輝橋線ルート
setStartPosition(okayamaEkimae);
break;

case 'ryobi_bus':
spawnVehicle('ryobi_bus');
setRoute(nishidaijiLine); // 西大寺線ルート
setStartPosition(okayamaHigashiguchi); // 岡山駅東口からスタート
break;
}
}
```

---

## LOD（大規模マップの最適化）

```javascript
// 500m×500mのチャンクに分割して管理
const CHUNK_SIZE = 500;
const chunks = createChunkGrid(3500, 3000, CHUNK_SIZE); // 7×6=42チャンク

function updateChunks(playerPosition) {
chunks.forEach(chunk => {
const dist = chunk.center.distanceTo(playerPosition);

if (dist < 600) chunk.setDetail('high'); // フル詳細
else if (dist < 1200) chunk.setDetail('medium'); // 中詳細
else if (dist < 2000) chunk.setDetail('low'); // 低詳細
else chunk.setVisible(false); // 非表示
});
}

// フォグで遠景を隠す
scene.fog = new THREE.FogExp2(0xC8E8F0, 0.0008);
```

---

## aiapps.jpへのお願い

添付の岡山市地図画像を参照してください。

**実装の優先順位：**

1. **共有マップの道路網**（桃太郎大通り・国道180号を最優先）
2. **路面電車の線路**（東山線・清輝橋線）
3. **両備バス西大寺線のルート**（既存道路上を走るだけ）
4. **旭川と橋梁**
5. **主要建物・ランドマーク**
6. **その他の道路・細い路地**

路面電車モードと両備バス西大寺線モードは
**必ず同じ3Dマップを共有**してください。
乗り物が変わるだけで、街の見た目は同じです。