パーキングマスター3D - リアル駐車テクニック爽快トレーニング

【目的・ターゲット】運転免許練習中の学生や、駐車が苦手なペーパードライバー、そして単純に爽快なタイムアタックを楽しみたい層向けの『実用×爽快』ハイブリッドツール。Three.jsで描く3D駐車場でピタッと停める快感と、実際に使える駐車テクニックの学びを同時に得られる。

【主要機能】
1. 3D駐車場ステージ(直角駐車・縦列駐車・斜め駐車・狭小スペースの4レイアウト×難易度別ステージ)
2. 車種選択(軽自動車/セダン/ミニバン/大型トラックで内輪差・回転半径が変化)
3. リアルタイム精度判定HUD(中心ズレ・角度ズレをメーターとコンボスコアで可視化、センサー風警告音)
4. 60秒タイムアタック・エンドレス・毎日固定シードのデイリーチャレンジの3モード
5. ステージクリアごとに『実際の駐車のコツ』解説カードを表示(ハンドル操作タイミング・目印の使い方など実用コンテンツ)
6. 全国ランキング(モード・車種別)とプレイ履歴のローカル保存

【画面構成】
- タイトル画面:車種選択・モード選択・ランキングボタン
- ゲーム画面:3D駐車場をThree.jsで描画、下部に精度メーター・タイマー・コンボ表示、仮想ハンドル/矢印キー操作
- リザルト画面:スコア・精度%・タイム・テクニック解説カード・SNS共有
- ランキング画面:モード別・車種別の全国トップ表示

【データ構造(MySQL)】
- stages(id, name, layout_type, difficulty, car_size_limit)
- scores(id, nickname, mode, car_type, stage_id, score, accuracy, time_ms, created_at)

【デザイン方向性】
夕暮れ〜夜のネオン駐車場をベースに、白線が発光するポップかつクールな配色。BGMはWeb Audio APIによる生成アップテンポ電子音、衝突・成功時は爽快なSE。スマホは仮想ハンドル/PCは矢印キーで直感操作できるUIとする。