> ## 【バグ修正・最重要】バス路線の道路が直線のまま・カーブが実装されていない

---

> ## 【バグ修正・最重要】バス路線の道路が直線のまま・カーブが実装されていない
>
> ### 問題
> 添付画像のとおり、両備バス西大寺線の道路が**完全な一直線**になっています。
> 前回依頼したカーブ・交差点・右左折が一切実装されていません。
>
> ### 原因の特定
>
> おそらく現在の実装がこうなっています：
>
> ```javascript
> // ❌ 現在の実装（直線のみ）
> const curve = new THREE.CatmullRomCurve3([
> new THREE.Vector3(0, 0, 0),
> new THREE.Vector3(0, 0, -500), // Z方向に一直線
> new THREE.Vector3(0, 0, -1000),
> new THREE.Vector3(0, 0, -1500),
> ]);
> ```
>
> ### 正しい実装（コピーして使ってください）
>
> 以下のウェイポイント座標をそのままCatmullRomCurve3に渡してください。
> X軸=東西方向、Z軸=南北方向です。
>
> ```javascript
> // ✅ 正しい実装（岡山駅→天満屋→東山・カーブあり）
> const curve = new THREE.CatmullRomCurve3([
>
> // === 岡山駅東口（出発）===
> new THREE.Vector3(0, 0, 0),
>
> // 駅前ロータリーを出て東へ直進
> new THREE.Vector3(50, 0, -10),
> new THREE.Vector3(120, 0, -15),
>
> // 桃太郎大通りに合流・右折（南東方向へ）
> // ★ここが最初のカーブ★
> new THREE.Vector3(160, 0, -30),
> new THREE.Vector3(190, 0, -70),
> new THREE.Vector3(200, 0, -120),
>
> // 桃太郎大通りを東進（直線）
> // 【バス停②：岡山駅前】
> new THREE.Vector3(220, 0, -130),
>
> new THREE.Vector3(320, 0, -135),
> new THREE.Vector3(420, 0, -138),
>
> // 【バス停③：NTT岡山前】
> new THREE.Vector3(500, 0, -140),
>
> new THREE.Vector3(580, 0, -142),
>
> // 天満屋前交差点で左折（南方向へ）
> // ★ここが2番目のカーブ（重要）★
> new THREE.Vector3(640, 0, -145),
> new THREE.Vector3(660, 0, -180),
> new THREE.Vector3(655, 0, -240),
>
> // 【バス停④：天満屋】
> new THREE.Vector3(650, 0, -300),
>
> // 南へ直進（中銀前・中電前方面）
> new THREE.Vector3(648, 0, -380),
>
> // 【バス停⑤：中銀前】
> new THREE.Vector3(645, 0, -450),
>
> // 中電前交差点で左折（東方向へ）
> // ★ここが3番目のカーブ★
> new THREE.Vector3(643, 0, -520),
> new THREE.Vector3(660, 0, -560),
> new THREE.Vector3(710, 0, -580),
>
> // 【バス停⑥：中電前】
> new THREE.Vector3(760, 0, -585),
>
> // 東へ直進（県庁前方面）
> new THREE.Vector3(850, 0, -588),
>
> // 【バス停⑦：県庁前】
> new THREE.Vector3(920, 0, -590),
>
> // 緩い右カーブ（南東方向へ）
> // ★ここが4番目のカーブ★
> new THREE.Vector3(970, 0, -600),
> new THREE.Vector3(1000, 0, -640),
> new THREE.Vector3(1010, 0, -700),
>
> // 【バス停⑧：古京・門田屋敷方面】
> new THREE.Vector3(1012, 0, -780),
>
> // S字カーブ（左→右）
> // ★ここが5番目のカーブ（S字）★
> new THREE.Vector3(1005, 0, -850),
> new THREE.Vector3(990, 0, -890),
> new THREE.Vector3(985, 0, -930),
> new THREE.Vector3(995, 0, -970),
> new THREE.Vector3(1015, 0, -1010),
>
> // 【バス停⑨：山陽学園前】
> new THREE.Vector3(1020, 0, -1060),
>
> // 東山電停前（路面電車と交差）
> new THREE.Vector3(1025, 0, -1140),
>
> // 【バス停⑩：東山・終点】
> new THREE.Vector3(1028, 0, -1200),
>
> ], false); // false = ループしない
> ```
>
> ### 道路メッシュの生成方法
>
> ```javascript
> // カーブに沿った道路を生成
> const roadGeometry = new THREE.TubeGeometry(
> curve, // 上記のカーブ
> 300, // セグメント数（多いほど滑らか）
> 7.0, // 道路半幅（7m = 片側1車線3.5m×2）
> 4, // 断面の分割数
> false // ループなし
> );
>
> // バスをカーブに沿って動かす
> function updateBusPosition(t) { // t = 0.0〜1.0
> const pos = curve.getPoint(t);
> const tangent = curve.getTangent(t);
>
> bus.position.copy(pos);
>
> // バスの向きをカーブの接線方向に合わせる（これが重要）
> const angle = Math.atan2(tangent.x, tangent.z);
> bus.rotation.y = angle;
> }
> ```
>
> ### 交差点の設置位置
>
> 上記ウェイポイントのカーブ部分（★マーク）に信号機を設置してください：
>
> | 交差点 | t値（0.0〜1.0） | 操作 |
> |--------|----------------|------|
> | 桃太郎大通り合流 | t ≈ 0.12 | 右折 |
> | 天満屋前 | t ≈ 0.38 | 左折・信号あり |
> | 中電前 | t ≈ 0.52 | 左折 |
> | 県庁前付近 | t ≈ 0.62 | 緩い右カーブ |
> | S字区間 | t ≈ 0.72〜0.78 | 左右S字 |
>
> ### 確認してほしいこと
>
> 実装後、**真上から見たデバッグビュー**で道路がS字やカーブを描いているか確認してから公開してください。一直線になっていたら座標が反映されていません。

---