ストリートダンク3on3 - グラフィティバスケアリーナ

【目的・ターゲット】スキマ時間に爽快感を求めるカジュアルゲーム層向け、ブラウザ完結の3on3ストリートバスケアクション。既存のスポーツ系アプリはスコア記録ツールが中心のため、実際にプレイできるアーケードバスケが新規性となる。

【主要機能】
1. CPU対戦(3難易度)・練習モード・60秒タイムアタックの3モード
2. タップでシュート、スワイプでドリブル方向操作、長押しチャージでダンク発動
3. コンボ&フィーバーゲージ:連続得点でゲージ上昇、満タンで一定時間シュート判定拡大
4. 6キャラクター選択(シュート/スピード/パワー/スティール値が異なる)
5. 3コート選択(屋上・ビーチ・深夜ネオン)で背景演出とBGMが変化
6. スコア・コンボ数・ダンク回数をMySQLへ登録するグローバルランキング(コート別/累計)

【画面構成】
・タイトル画面:キャラ&コート選択、BGM開始ボタン
・ゲーム画面:Canvas 2D擬似3Dコート、上部にスコア/タイマー/フィーバーゲージ、下部に仮想操作エリア(シュート/ドリブル)
・リザルト画面:結果表示、ニックネーム入力してランキング登録
・ランキング画面:モード/コート別トップ20
・設定画面:BGM/SE音量、ミュート、操作説明

【データ構造】
MySQLに rankings テーブル(id, player_name, character_id, court_id, mode, score, max_combo, dunk_count, created_at)のみで完結。キャラ・コートのステータスマスタはJS内に静的定義。

【デザイン方向性】
グラフィティ・ストリートアート調。太めの黒縁線、平坦なセルシェーディング、オレンジ・シアン・マゼンタのネオン配色、3/4見下ろし視点で統一。キャラクターはデフォルメ2.5頭身。

【BGM仕様】
Web Audio APIでファンク/ヒップホップ調ビートを生成。BPM96、4/4拍子。キック+スネア+ハイハットのドラムパターン、シンコペーションの効いたベースライン、シンセブラスのメロディをA(8小節)/B(8小節)展開で構成し、8小節ごとにフィルインとアクセントを挿入。試合中BGM(court別に音色変更)とフィーバー時の高揚SEを別音量制御。AudioContext.currentTime基準で先読みスケジューリングし、停止時は全ノードをdisconnectして解放。BGM/SEは個別スライダーで音量調整、ミュートボタン搭載。

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

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