アーマードフリート ― 3D艦隊海戦バトル

【目的・ターゲット】Three.jsによる本格3D海戦を楽しめる無料ブラウザゲーム。艦船コレクション×育成×アクションが好きな10代〜30代がメインターゲット。スマホ・PC両対応でスキマ時間に遊べる爽快な海戦体験を提供する。

【主要機能】
1. 艦隊編成: 駆逐艦・巡洋艦・戦艦・空母の4クラスから3隻を選択し、主砲/魚雷/対空/装甲の4部位を強化パーツで換装できる編成画面。
2. 3D海上バトル: Three.jsで波の揺れる海面と艦船を描画。主砲(タップ/クリック照準)、魚雷(直線攻撃)、対空砲(自動迎撃)を駆使しCPU艦隊を撃破。被弾で浸水・傾斜エフェクト発生。
3. キャンペーンモード: 全15ステージの海域を順に攻略、ボス戦(巨大戦艦)を各5ステージごとに配置。
4. 育成システム: 撃沈数に応じて経験値・資源を獲得し、艦船レベルアップとパーツ強化を実施。撃破実績は艦船図鑑に記録。
5. デイリーチャレンジ&ランキング: 日替わり固定シードの海域に挑み、撃破数・生存時間・スコアをMySQLへ送信しグローバルランキングで競う。
6. スコア/戦績画面: ステージクリア後にダメージ量・命中率・撃沈数を集計しリザルト表示。

【画面構成】タイトル画面(スタート/艦隊編成/図鑑/ランキング/設定)→艦隊編成画面→海域選択マップ→3Dバトル画面(HUD:HP・弾薬・ミニマップ・スキルボタン)→リザルト画面→図鑑/ランキング画面。

【データ構造】ships(id,name,class,hp,attack,speed,armor,image_key), player_ships(player_id,ship_id,level,exp,parts_json), stages(id,name,difficulty,enemy_setup_json), scores(id,player_name,stage_id,sunk_count,score,cleared_at), daily_challenge(date,seed,ranking_json)。

【デザイン】セミリアル×アニメ調のイラストで統一。青と鋼色を基調にドラマチックな逆光演出。UIはメタリックな金属パネルとネオンブルーの発光ラインで近未来兵装感を演出。

【BGM仕様】タイトル曲: BPM90/4分の4拍子、Am-F-C-G進行のパッド和声に金管風メロディとティンパニアクセント、8小節A→8小節Bのループ。バトル曲: BPM140/4分の4拍子、Em-C-G-D進行、16分キック+スネアのドラム、ベースはルート音でシンコペーション、緊張感あるストリングスメロディに8小節毎ブラスフィル挿入。勝利ジングル: 明るいメジャーコードの8小節ファンファーレ。Web Audio APIはAudioContext.currentTime基準で先読みスケジューリングし、BGM/SEを別GainNodeで音量管理、ミュートボタンと画面遷移時のノード解放処理を実装。

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

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