バゲージスキャン・ラッシュ - 空港手荷物検査タイムアタック

【目的・ターゲット】旅行前に「機内に何を持ち込めるか」を実は知らない人は多い。空港の手荷物検査官になりきり、流れてくるスーツケースのX線スキャン画像を瞬時に判定する爽快タイムアタックゲームを通じて、遊びながら液体制限・刃物・バッテリー規定などの実用知識を自然に身につけられる、旅行好き・出張族・学生向けの無料ブラウザゲーム。

【主要機能】
1. ベルトコンベアで流れてくる荷物のX線シルエット風Canvas演出。中身のアイテム(100ml超の液体・ハサミ・ライター・モバイルバッテリー・ノートPC・工具など全60種)を見極め「通過」「検査」「没収」の3ボタンで瞬時に判定。
2. 国内線/国際線の2難易度、60秒タイムアタック・3分エンドレス・全員共通シードのデイリーチャレンジの3モード。
3. 連続正解でコンボ倍率とフィーバーゲージ上昇、誤判定でペナルティ演出とゲージ減少。
4. 判定ミス時に正解ルールをその場でミニ解説カード表示し、リザルト画面で「今日学んだルール」をまとめて復習可能。
5. 持ち込みルール図鑑(液体・刃物・電池・医薬品・スポーツ用品等カテゴリ別)を検索・閲覧できる常設ページ。
6. スコア・正答率・最大コンボをMySQLに保存し、モード別グローバルランキングとニックネーム登録に対応。

【画面構成】
・タイトル画面: モード選択、ランキング、図鑑への導線、BGM ON/OFF
・ゲーム画面: 中央にベルトコンベア風Canvas、下部に3判定ボタン(スマホはタップ、PCはクリック/キー操作)、上部にタイマー・スコア・コンボゲージ
・リザルト画面: スコア、正答率、獲得知識カード一覧、ランキング登録フォーム、SNS共有ボタン
・知識図鑑ページ: カテゴリタブ、検索窓、アイテムカード一覧

【データ構造(MySQL)】
- rankings(id, nickname, mode, score, accuracy, max_combo, created_at)
アイテムマスタ・ルール解説文は静的JSONとしてJS側に内蔵し、サーバー負荷を軽減。

【デザイン方向性】
空港セキュリティゲートを思わせるモノトーン×ネオンブルーのハイテック配色に、警告用の黄色・赤をアクセントとして使用。X線スキャンらしい半透明グロー表現とスキャンライン演出でリッチな没入感を演出。効果音とBGMはWeb Audio APIでのシンセ生成とし、緊張感のあるビート系BGMと判定音を実装する。