マーブルレースクリエイター - シミュレーション ゲーム

Three.js を使用して、**「Marble Race Creator（ビー玉レースクリエイター）」**をテーマとした**モバイルファーストゲーム**を生成してください。以下の詳細なゲーム設計要件をお読みいただき、それに従ってコードを生成してください： ### 1. アセット & 環境 * **ビジュアルスタイル:** **2.5Dアイソメトリックサンドボックス** の美的感覚を作成します。レトロ/シム感を出すために（「ピクセル」や「2D」のタグを意識しつつ3Dレンダリングを使用して）、**Orthographic Camera（平行投影カメラ）**を使用します。 * **環境:** 平坦なグリッドベースの「砂漠のサンドボックス」地面（温かい砂の色）。背景はシンプルな青のグラデーションの空にします。 * **モデル（プロシージャル）:** * **ビー玉:** 異なるはっきりした色（赤、青、緑、黄）を持つシンプルな高光沢の球体。ガラス/プラスチック質感を再現します。 * **トラック:** グリッドにスナップするモジュラー式3Dブロックまたは「ガター」。以下の種類を含めます：直線レール、曲線レール、スロープ（傾斜路）、「溝」タイプのチャネル。 * **小道具:** 低ポリゴンのサボテンと岩を装飾的障害物として。 * **ゴールライン:** チェッカーテクスチャのバナーまたはポストで表現される視覚的なトリガーゾーン。 * **パフォーマンス:** モバイルデバイスでも60FPSを確保するため、トラックパーツと障害物にはInstancedMeshを使用します。影のキャストはビー玉に限定します。 ### 2. 音響要件 * **BGM（バックグラウンドミュージック）:** 「建設/パズル」の雰囲気（遊び心があり反復的）を醸し出す、アップビートでループする**8-bit / チップチューン** スタイルの楽曲。 * **効果音（SFX）:** * **UI:** トラックパーツを選択した際の軽快な「カチッ」「ポン」という音。 * **設置:** トラックパーツをグリッドに設置した際の「ドスン」または「カチッ」という音。 * **ビー玉物理演算:** ビー玉同士の衝突時の「カチッ」という音。速度に基づいてピッチが変化する、転がる「ブーン」というループ音。 * **勝利:** ビー玉がゴールラインを通過した際のファンファーレまたは歓声。 ### 3. ゲームプレイループ * **モード1: ビルドモード (デフォルト):** * プレイヤーはUIメニューからトラックのパーツを選択します。 * グリッドをタップすると、選択されたパーツが配置されます。 * 既存のパーツをタップすると、回転または削除が可能です（コンテキストメニュー）。 * プレイヤーは「スポナー」（スタート）と「ゴールライン」（終点）を必ず配置する必要があります。 * **モード2: レースモード:** * プレイヤーが「スタート/スポーン」ボタンを押します。 * マーブル（球）がスポナーから、単純な物理演算（重力と運動量）を伴って生成されます。 * マーブルは、配置されたトラックの物理的な境界と相互作用します。 * カメラは自動的に先頭のマーブルを追従するか、ユーザーが自由に見られるようにすべきです。 * すべてのマーブルがゴールするかマップから落下するとレース終了となります。 * **物理演算:** 転がり摩擦、反発係数（跳ね返り）、衝突を正確に処理するための物理エンジン（例：**Cannon.js** または **Ammo.js**）を実装してください。 ### 4. モバイル操作・インタラクション * **画面の向き:** トラックを広い視野で見るため、**横画面**に固定します。 * **カメラ操作 (タッチジェスチャー):** * **2本指でのドラッグ:** カメラをマップ上でパン（移動）させます。 * **ピンチ:** ズームイン/アウトします。 * *（理由：カメラ操作を2本指に分けることで、誤ったトラック配置を防ぎます）。* * **ビルド操作:** * **シングルタップ:** グリッドのタイル上に、現在選択中のオブジェクトを配置します。 * **UIレイアウト:** * **下部バー:** 建築可能なパーツ（トラック、スポナー、ゴール、装飾）のスクロール可能な水平リスト。アイコンのサイズは少なくとも **48x48px**。 * **右上:** 「プレイ/リセット」切り替えボタン。 * **左上:** 「全てクリア」または「元に戻す」ボタン。 * **フィードバック:** 配置前にグリッドタイルを視覚的にハイライト（ゴーストメッシュ）表示。配置成功時や衝突時に触覚フィードバック（振動）を与えます。 以下のゲーム生成プロンプトを翻訳します。マークダウン、コードトークン、数字、改行、およびHTMLタグ/属性は正確にそのまま保持し、ユーザー向けテキストは自然に翻訳します。 確認は求めず、そのまま生成タスクを実行します。