ネオンドライブGP - Three.js製3Dレーシングチャンピオンシップ

【目的・ターゲット】通勤通学の合間やちょっとした空き時間にスマホ・PCで熱中できる本格3Dレーシングゲームを求めるカジュアル〜コアゲーマー向け。ドリフトとブーストの駆け引きを軸にした爽快なタイムアタック体験を提供する。

【主要機能】
1. Three.js製の3Dコースを4種収録(ネオン都市/砂漠キャニオン/雪山/宇宙ステーション)。各コースは1周30〜60秒×3周のタイムアタック構成。
2. 車種5台を選択可能。加速・最高速・ハンドリング・ドリフト性能をレーダーチャートで比較しながら選択。
3. コーナーでドリフト操作を維持するとブーストゲージが蓄積し、任意タイミングで加速するドリフトブーストシステム。
4. モードは「グランプリ(4コース連戦・CPU3台とポイント制で競争)」と「タイムアタック(自己ベスト更新・ゴースト表示)」の2種。
5. HUDに速度計・ラップタイム・順位・ミニマップを表示。操作はPC矢印キー/スマホ仮想パッド+ブーストボタンに対応。
6. コース×車種×モード別のグローバルランキングをMySQLで管理し、タイム登録・上位表示・自己順位確認が可能。

【画面構成】
・タイトル画面(ロゴ演出・スタート/ランキング/設定ボタン)
・車種選択画面(3D回転プレビュー・ステータスレーダー)
・コース選択画面(サムネイル画像+ベストタイム表示)
・レース画面(Three.jsキャンバス+HUD)
・リザルト画面(タイム・順位・ランキング登録フォーム)
・ランキング一覧画面(コース/モード切替タブ)

【データ構造】
scoresテーブル: id, course_id, car_id, mode(gp/time_attack), lap_times(JSON), total_time_ms, player_name, created_at。course_id×mode×total_time_msで高速ソートできるインデックスを付与。設定・自己ベストはLocalStorageにも保存しオフライン確認可能に。

【デザイン方向性】ネオン近未来×カラフルグラデーションを基調に、コースごとに専用配色(都市=紫紺×ネオンピンク、砂漠=琥珀×群青、雪山=氷青×白、宇宙=漆黒×金)。BGMはコーステーマに合わせたシンセ主体のループ音源をWeb Audio APIで生成・再生し、エンジン音や効果音とレイヤーしてリッチな没入感を演出する。