概要
Three.js を活用したブラウザ完結型の電車・バス運転シミュレーター。モード選択画面から「電車モード」「バスモード」を選び、ノッチ/ブレーキ/警笛/ドア開閉などの操作で停車精度・定時運行を競います。難易度/カメラ切替/HUD/ローカルスコア保存に対応。インストール不要、ブラウザ完結 (Three.js CDN 読込)。
主な機能
- 電車モード (通勤電車・都市近郊線・5駅) - 段階ノッチ加速 / 8段ブレーキ / 信号順守 / 精密停止評価
- バスモード (路線バス・市街地ルート・5バス停) - アナログ加減速 / ハンドル操作 / バス停精密停車 / 信号判定
- 3D 描画 (Three.js r160 CDN) - スカイボックス・地形・車両・線路/道路・建物・信号機をプロシージャル生成
- HUD - 速度計 / ノッチ段数 / ブレーキ段数 / 次駅(バス停)パネル / 停車目標インジケーター / 信号表示 / ミニマップ
- カメラ切替 - 運転席視点 / 外部追従 / 俯瞰の 3 種類をスムーズに切替
- スコアシステム - 精密停車・定時運行・信号順守で加点 / 速度超過・急ブレーキ・オーバーランで減点 / S〜F ランク
- 難易度選択 - Easy / Normal / Hard で停止許容範囲・速度ペナルティが変化
- Web Audio API - エンジン/モーター音・警笛・ドア開閉音・到着ジングル (合成音、ON/OFF 切替可)
- LocalStorage 保存 - モード別ベストスコア・総走行距離・設定 (音量/カメラ感度)
- ポーズ / 操作説明 / 設定メニュー - プレイ中いつでも呼び出し可能
- レスポンシブデザイン - PC ワイド画面に最適化、ウィンドウリサイズに追従、フルスクリーン対応
- アカウント登録不要・インストール不要・ブラウザ完結・100% クライアントサイド動作
導入手順
- AIアプリ開発部 でアカウント登録(まだの方)
- ダッシュボードから
installer.phpをダウンロード - 自社サーバーの公開ディレクトリにアップロードして実行
- APIトークンを入力 → このアプリを選択 → DB情報入力 → 完了