## 【山陽本線モード リアル化仕様書 Part2】⑤〜⑧

## 【山陽本線モード リアル化仕様書 Part2】⑤〜⑧

---

## ⑤ 「駅まで何メートル」表示の追加

### HUD表示仕様

```
【右上パネルの表示内容】

┌─────────────────────┐
│ NEXT │
│ 倉敷 │ ← 次駅名
│ ████░░░░ 4,320 m │ ← プログレスバー＋残り距離
│ SCHEDULE +14s │ ← ダイヤ遅れ
└─────────────────────┘
```

### 実装コード

```javascript
function updateDistanceDisplay() {
const distance = train.position.distanceTo(
stations[currentStationIndex].position
);

// メートル表示（小数点なし）
distanceText.textContent = Math.round(distance) + ' m';

// プログレスバー
const totalDist = stationIntervals[currentStationIndex];
const progress = 1 - (distance / totalDist);
progressBar.style.width = (progress * 100) + '%';

// 色変化
if (distance < 200) distanceText.style.color = '#FF4444'; // 赤
else if (distance < 500) distanceText.style.color = '#FFAA00'; // 黄
else distanceText.style.color = '#FFFFFF'; // 白
}
```

---

## ⑥ 停止目標マーカー（線路上の停止位置表示）

### マーカー3種類の仕様

**① 停止目標板（▼マーク）**
- 線路脇（ホーム縁から50cm内側）に立てる
- 白地に黒の「▼」マーク（大きく）
- 高さ：地面から1.5m・サイズ：30cm×40cm

**② 地面の停止線**
- レール間に白いペイントで「━━━」
- 幅1.5m・長さ20cm
- 4両編成なら4か所（各車両ドア位置）

**③ 接近インジケーター（HUD・駅まで残り300mから表示）**

```
┌────────────────────────────────────────────┐
│ ◄──────────────[停止ゾーン]──────────────► │
│ 1000m 500m 0m │
│ ↑ここで止める │
└────────────────────────────────────────────┘
```

### 停車判定の視覚フィードバック

```javascript
function showStopJudgement(error) {
if (Math.abs(error) <= 0.3) showJudge('PERFECT', 'gold');
else if (Math.abs(error) <= 0.5) showJudge('S', 'silver');
else if (Math.abs(error) <= 1.0) showJudge('A', '#00CC44');
else if (Math.abs(error) <= 2.0) showJudge('B', '#4488FF');
else if (Math.abs(error) <= 5.0) showJudge('C', '#AAAAAA');
else showJudge('OVERRUN', '#FF2222');
}
```

---

## ⑦ 速度計・計器類のリアル化

### アナログ速度計の実装

```
【速度計のデザイン】

0 10 20
120 ○ 30
110 ╱ ╲ 40
100 │ ←針 │ 50
90 ╲ ╱ 60
80 ○ 70
（km/h）
```

```javascript
function drawSpeedometer(speed) {
const minAngle = -220; // 0km/hの針角度
const maxAngle = 40; // 100km/hの針角度
const angle = minAngle + (speed / 100) * (maxAngle - minAngle);

needle.style.transform = `rotate(${angle}deg)`;
digitalDisplay.textContent = Math.round(speed).toString().padStart(3, ' ');

// 速度に応じた色変化
if (speed > 95) needle.style.fill = '#FF2222'; // 赤
else if (speed > 80) needle.style.fill = '#FFAA00'; // 黄
else needle.style.fill = '#FFFFFF'; // 白
}
```

### 計器パネル構成

```
┌─────────────────────────────────────────┐
│ ┌────────┐ ┌──────────┐ ┌────────────┐ │
│ │速度計 │ │圧力計 │ │電流計 │ │
│ │0〜120 │ │ブレーキ │ │モーター │ │
│ │km/h │ │空気圧 │ │0〜300A │ │
│ └────────┘ └──────────┘ └────────────┘ │
│ [ノッチ: N●●●●●] [ブレーキ: ●●●●●●●●] │
└─────────────────────────────────────────┘
```

| 計器 | 連動する値 | 動作 |
|------|-----------|------|
| 速度計（針） | currentSpeed | 速度に比例して針が回転 |
| 圧力計 | brakeLevel | ブレーキ強めると圧力上昇 |
| 電流計 | notchLevel | ノッチ上げると電流増加 |
| ノッチバー | notch 0〜5 | 1段ずつ点灯 |
| ブレーキバー | brake 0〜8 | 1段ずつ点灯 |

---

## ⑧ 走行音のリアル化（ガタンゴトン）

### レール継ぎ目音の速度連動実装

```javascript
// 実際のレール継ぎ目間隔：25m
function updateRailJointSound(speed) {
if (speed < 5) { stopRailJointSound(); return; }

const speedMs = speed / 3.6; // km/h → m/s
const frequency = speedMs / 25; // 通過回数/秒

// 速度別の体感イメージ
// 30km/h → 約3秒に1回
// 60km/h → 約1.5秒に1回
// 100km/h → 約0.9秒に1回（ほぼ連続）

railJointInterval = 1000 / frequency; // ms
railJointPitch = 0.8 + (speed / 100) * 0.6; // 0.8〜1.4倍
}

function playRailJointSound() {
const osc = audioCtx.createOscillator();
const gain = audioCtx.createGain();

osc.type = 'sawtooth';
osc.frequency.value = 80 * railJointPitch;

gain.gain.setValueAtTime(0.3, audioCtx.currentTime);
gain.gain.exponentialRampToValueAtTime(
0.001, audioCtx.currentTime + 0.15
);

osc.connect(gain);
gain.connect(audioCtx.destination);
osc.start();
osc.stop(audioCtx.currentTime + 0.15);
}
```

### 走行音の全体構成

| 音の種類 | 速度連動 | 内容 |
|---------|---------|------|
| **ガタンゴトン** | ✅ 速度に比例して間隔が短くなる | 25m間隔のレール継ぎ目 |
| **モーター音** | ✅ 速度に比例してピッチ上昇 | 加速中のみ |
| **走行風音** | ✅ 速度に比例して音量増加 | 常時 |
| **ブレーキ音** | ブレーキ段数で変化 | ブレーキ投入時 |
| **空気ブレーキ** | ブレーキ操作時 | 「プシュッ」 |
| **ドア音** | 停車時のみ | 開閉チャイム＋スライド音 |
| **発車ベル** | 発車時 | 「ピンポンパンポン」 |