> ## 【バス操舵バグ 完全修正】ハンドルを切ると後ろがスライドする問題

---

> ## 【バス操舵バグ 完全修正】ハンドルを切ると後ろがスライドする問題
>
> ### 問題の根本原因
>
> 現在の実装はハンドル操作でバスのX座標を直接動かしています。
> これは完全に間違いです。バスの物理挙動を**ゼロから書き直してください。**
>
> ```javascript
> // ❌ 現在の間違った実装（これを完全に削除する）
> bus.position.x += steerInput * someValue; // 横にスライドさせている
> // または
> bus.position.x += Math.sin(steerAngle); // これも同じく間違い
> ```
>
> ### ✅ 正しい実装（このコードで完全に置き換えてください）
>
> ```javascript
> // ===== バスの状態変数 =====
> let busSpeed = 0; // 現在速度 (m/s)
> let busHeading = 0; // 車体の向き (ラジアン)
> let steerAngle = 0; // 現在のハンドル舵角 (ラジアン)
> let busX = 0; // X座標
> let busZ = 0; // Z座標
>
> // ===== バスの定数 =====
> const WHEEL_BASE = 5.5; // 前後軸間距離(m) ← これが重要
> const MAX_STEER = 0.55; // 最大舵角(ラジアン・約32度)
> const STEER_SPEED = 1.5; // ハンドルの切れる速さ
> const CENTER_SPEED = 3.0; // セルフセンタリングの速さ
> const MAX_SPEED_BUS = 16.7; // 最高速度(m/s = 60km/h)
> const ACCEL = 3.0; // 加速力
> const BRAKE_FORCE = 6.0; // 制動力
>
> // ===== 毎フレーム呼ぶ更新関数 =====
> function updateBus(delta) {
>
> // --- 1. アクセル・ブレーキで速度を更新 ---
> if (keyW) {
> busSpeed += ACCEL * delta;
> } else if (keyS) {
> busSpeed -= BRAKE_FORCE * delta;
> } else {
> // 何も押していないとき：徐々に減速
> busSpeed -= 1.5 * delta;
> }
> busSpeed = Math.max(0, Math.min(MAX_SPEED_BUS, busSpeed));
>
> // --- 2. ハンドル舵角を更新 ---
> if (keyA) {
> // 左に切る
> steerAngle -= STEER_SPEED * delta;
> } else if (keyD) {
> // 右に切る
> steerAngle += STEER_SPEED * delta;
> } else {
> // 離したらセルフセンタリング（中央に戻る）
> steerAngle -= Math.sign(steerAngle)
> * Math.min(Math.abs(steerAngle), CENTER_SPEED * delta);
> }
>
> // 舵角の上限を制限
> steerAngle = Math.max(-MAX_STEER, Math.min(MAX_STEER, steerAngle));
>
> // 高速時は舵角の効きを弱める（直進安定性）
> const speedKmh = busSpeed * 3.6;
> const steerEffective = steerAngle
> * (speedKmh > 50 ? 0.4 : speedKmh > 30 ? 0.7 : 1.0);
>
> // --- 3. アッカーマンステアリングで車体の向きを更新 ---
> // 旋回半径 = ホイールベース ÷ tan(舵角)
> if (Math.abs(steerEffective) > 0.001 && busSpeed > 0.1) {
> const turnRadius = WHEEL_BASE / Math.tan(steerEffective);
> const angularVelocity = busSpeed / turnRadius;
> busHeading += angularVelocity * delta; // 車体の向きが変わる
> }
>
> // --- 4. 向いている方向に前進する（これが正しい動き）---
> busX += Math.sin(busHeading) * busSpeed * delta;
> busZ += Math.cos(busHeading) * busSpeed * delta;
>
> // --- 5. Three.jsのオブジェクトに反映 ---
> bus.position.x = busX;
> bus.position.z = busZ;
> bus.rotation.y = busHeading; // 車体が向いている方向を向く
> }
> ```
>
> ### 動作確認チェック
>
> 修正後、以下の動作になっていれば正しいです：
>
> | 操作 | 正しい動き | 間違った動き（現在） |
> |------|-----------|-------------------|
> | Dキー（右） | **車体全体が右方向に弧を描いて進む** | 後ろだけ右にスライド |
> | Aキー（左） | **車体全体が左方向に弧を描いて進む** | 後ろだけ左にスライド |
> | 高速でDキー | カーブが緩くなる（大回り） | — |
> | 低速でDキー | カーブが鋭くなる（小回り） | — |
> | A/D離す | ハンドルがまっすぐに戻る | — |
>
> ### 絶対にやってはいけないこと
>
> ```javascript
> // ❌ これらは全部間違い・一切使わないこと
> bus.position.x += steerAngle * speed; // 横移動
> bus.position.x += Math.sin(steerAngle); // 横移動
> steerAngle → position に直接代入 // 全部NG
> ```
>
> **`steerAngle` は `busHeading` の変化量にのみ使う。位置には絶対に使わない。**

---