ネオン忍者3D - 壁走り×手裏剣×爽快コンボアクション

## 1. アプリの目的・ターゲットユーザー
忍者をテーマにした三人称視点の3Dアクションゲーム。Three.jsで構築したネオン未来都市を舞台に、壁走り・二段ジャンプ・手裏剣連射・瞬間移動(瞬身)を組み合わせた爽快なコンボで敵を撃破し、タイムアタックとスコアランキングを競う。操作はスペース1つでジャンプ、マウス/タップで手裏剣を発射する直感的設計でスマホ・PCどちらでも即座に楽しめる。10代〜30代のカジュアルゲーマーがメインターゲット。

## 2. 主要機能
- **壁走り＆パルクール**: 壁に接近するとキャラが自動で貼り付き横方向にダッシュ。壁蹴りジャンプ→二段ジャンプ→別の壁へと連続して移動できる爽快な空中コンボが気持ちいい
- **手裏剣マルチロック**: マウスオーバーまたはタップで最大5体の敵を同時ロックし、一斉発射する瞬時殲滅システム。ロック数に応じてコンボ倍率が上昇
- **瞬身(ブリンク)**: 1秒チャージで視線方向10m先へ瞬間移動。移動直後0.3秒間は無敵＋全攻撃力2倍の「残像斬り」が発動し、通過した敵を自動斬撃
- **コンボ＆フィーバーシステム**: 5コンボ毎に画面全体がスローモーション演出(Bullet Time)に。20コンボでFEVER突入しBGMが激しくなり得点倍率が4倍になる
- **プロシージャル生成ステージ**: 3エリア(工場廃墟/空中都市/ネオン神社)×各3ステージ計9ステージ＋エンドレスモード。MySQLにスコアを保存しグローバルランキングで競う
- **BGM自動生成 & ビジュアルエフェクト**: Web Audio APIでリアルタイムに電子音ビートを合成。手裏剣ヒット・壁走り・フィーバー時に異なるエフェクト音を重ねる。パーティクルはThree.jsのPointsで手裏剣軌跡/血しぶき/壁火花を表現

## 3. 画面構成
### タイトル画面
- フルスクリーン3D背景(カメラがゆっくり回転するネオン都市俯瞰)
- ロゴはグリッチノイズアニメーション付きの日本語×英字
- ボタン: 「ゲームスタート」「ランキング」「操作説明」
- 右上に現在のBGMオン/オフトグル

### ステージ選択画面
- 3エリアを横スクロールで選択。各エリアカードにベストタイム・スコアを表示
- エンドレスモードボタンを最右端に配置

### ゲーム画面(メイン)
- Three.jsフルスクリーンキャンバス(three.js r155)
- 上部HUD: コンボカウンター(大きく中央上)・スコア・残り時間・FEVERゲージ
- 左下: 瞬身チャージインジケーター(円形タイマー)
- 右下スマホ用: 仮想スティック(移動)＋ジャンプボタン＋手裏剣ボタン
- ヒット時に画面端がオレンジに光るダメージVignette
- コンボ数が増えるごとに中央に大きくコンボ数字が浮かび上がる演出

### リザルト画面
- スコア・コンボ最大値・クリアタイム・ランク(S/A/B/C/D)を手裏剣が刺さるアニメで表示
- 「もう一度」「ステージ選択」「ランキング投稿」ボタン
- ランキング投稿はニックネーム入力のみ(DB保存)

### ランキング画面
- 各ステージ/エンドレス別タブ
- TOP10を表示。自分のスコアは別色でハイライト

## 4. データ構造
### テーブル: scores
```
id INT AUTO_INCREMENT PRIMARY KEY
mode VARCHAR(32) -- stage_1_1, stage_2_3, endless など
nickname VARCHAR(20)
score INT
combo_max INT
time_sec FLOAT
created_at DATETIME
```
### PHPエンドポイント
- `api/score_post.php` : スコア登録(POST: mode, nickname, score, combo_max, time_sec)
- `api/score_get.php` : ランキング取得(GET: mode, limit=10)

## 5. デザインの方向性
- **カラーパレット**: 漆黒(#0a0a0f)をベース、シアン(#00ffe7)とマゼンタ(#ff2d78)のネオンアクセント、金(#ffd700)で忍者モチーフ
- **フォント**: タイトルは「Press Start 2P」または「Noto Serif JP」太字でゲームロゴ、HUDはモノスペース系
- **Three.js表現**: トゥーンシェーディング(MeshToonMaterial)でセルルックに統一。影は偽影(丸い黒円)で軽量化。夜景のビルはEmissiveMapでネオン光を表現
- **パーティクル**: 手裏剣の軌跡はオレンジ→白のグラデーション。フィーバー中は画面全体に流星パーティクルが流れる
- **AI生成素材**: ゲーム内のキャラクター立ち絵(タイトル・リザルト用)・背景コンセプトアートはStable Diffusion等で事前生成しPNGとして同梱。BGMはAIDE/Mubert等で生成したループWAVをWeb Audio APIで制御
- **レスポンシブ**: CSS `canvas { width:100%;height:100vh }` + Pointer Lock API(PC)/Touch API(スマホ)で入力を分岐