ネオンシュリンク・ロワイヤル - 縮小フィールド生き残りバトルアクション

【目的・ターゲット】スキマ時間に1試合3〜5分で決着がつく、アプリストア上位常連ジャンル「バトルロイヤル」をブラウザ完結で再現するアクションゲーム。10代〜30代のカジュアルゲーマー、対戦ゲーム好きを主ターゲットに、スマホ・PC両対応で無料公開する。

【主要機能】
1. プレイヤー含む30体が同時に島へ降下し、時間経過で強制的に安全地帯が縮小するシュリンクフィールド戦。
2. 近接武器・遠距離武器・回復・シールドの4種アイテムをマップ上に自動配置し、拾って即戦力化。
3. 複数行動パターン(索敵/逃走/漁り/攻撃)を持つCPU AIが個性豊かに立ち回る。
4. 生存順位・撃破数・生存時間からスコアを算出しMySQLへ投稿するグローバルランキング(モード別)。
5. 撃破数や順位に応じてキャラクタースキン・カラーを解放するコレクション要素(LocalStorage管理)。
6. スマホは画面左下バーチャルスティック＋右下攻撃/回避ボタン、PCはWASD＋マウスクリックに対応。

【画面構成】
・タイトル画面(ロゴ、スタートボタン、遊び方)
・キャラクター/カラー選択画面(解放済みスキン一覧)
・降下演出画面(飛行機からのドロップ演出、着地地点選択)
・メインプレイ画面(Canvas全画面、HPバー、ミニマップ、残存人数、安全地帯タイマー、キルログ)
・リザルト画面(順位、撃破数、獲得コイン、新規解放スキン通知)
・ランキング画面(生存順位ベスト/撃破数ベストのタブ切替)

【データ構造】
・ranking テーブル: id, nickname, mode(solo等), score, final_rank, kills, survived_seconds, created_at
・スキン解放状態、設定(音量等)はLocalStorageで端末内管理し、サーバー負荷を最小化。

【デザイン方向性】
ネオンサイバーアリーナをテーマに、太めの輪郭線とセルシェード風の丸みあるキャラクターデザインで統一。俯瞰45度見下ろし視点、シアン・マゼンタ・イエローを基調としたネオンカラーパレット。UIはダーク背景に発光エッジを重ねたHUDで視認性を確保。

【BGM仕様】
ジャンル: シネマティックエレクトロニカ、BPM128、4/4拍子。キック+ハイハットの16分裏打ちドラムに、シンセベースのオスティナート(2小節ループ)を重ね、パッドとリードシンセでA(緊張感を煽る8小節)/B(縮小加速時に転調しテンポ感を上げる8小節)の展開を構成。4小節ごとにハイハットのフィルとスネアロールで変化を作る。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを行い、ドラム/ベース/パッド/リードをレイヤー別ノードで管理し安全地帯縮小時に段階的にレイヤーを追加。BGM/SE個別音量スライダーとミュートボタンを実装し、ゲーム終了時に全ノードを確実に切断・解放する。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する