エニグマチェンバー - 5つの世界を巡る脱出ゲーム (enigma-chamber)

【目的・ターゲット】謎解き好きの学生〜社会人まで、スキマ時間に没入感のある脱出ゲームを無料で楽しめるブラウザアプリ。1シナリオ10〜15分で完結し、繰り返し遊べる高いリプレイ性を狙う。

【主要機能】
1. 5つのテーマシナリオ(洋館の書斎/宇宙船の隔離区画/古代神殿/雪山の山小屋/近未来研究所)、各3部屋構成の全15ステージ。
2. クリック探索型インベントリ：背景内のホットスポットをタップしてアイテムを取得・組み合わせ・使用する謎解き。
3. 各部屋に2〜3種の謎解きパズル(数字錠モーダル、記号照合、回転盤、順序当てなど)をJSで実装。
4. 3段階ヒントシステム(方向性→絞り込み→答え)。ヒント使用でスコア減点、未使用ならボーナス。
5. クリアタイム計測とシナリオ別ランキング(MySQL保存)、ニックネーム登録、SNS向け結果カード生成。
6. シナリオごとに異なる生成BGM(Web Audio APIによるループ生成)と環境音、脱出成功時のファンファーレ演出。

【画面構成】
・タイトル画面：シナリオ選択カード一覧(サムネイル・難易度・平均クリア時間)、ランキングボタン。
・ゲーム画面：背景全面表示＋光るホットスポットアイコン、下部にインベントリバー、右上にタイマーとヒントボタン。
・パズルモーダル：各謎解き専用UI(ダイヤル、スライダー、ドラッグ配置など)をCanvas/HTML要素で実装。
・クリア画面：タイム・スコア・使用ヒント数を表示し、ランキング登録フォームとシェア用画像を生成。

【データ構造】
・scenarios テーブル(id, name, theme, difficulty, thumbnail_path, bgm_path)
・rankings テーブル(id, scenario_id, nickname, clear_time_sec, hints_used, score, created_at)
・シナリオのステージ定義(ホットスポット座標、必要アイテム、パズル正解)はJSON静的ファイルで管理しPHP経由で配信。

【デザイン方向性】
全体的にダークトーンをベースに、シナリオごとにアクセントカラーを変更(洋館=深緑×金、宇宙船=紺×シアン、神殿=褐色×金、雪山=白×水色、研究所=グレー×赤)。ホットスポットは淡く発光するアニメーションで視認性を確保。スマホでは縦画面でも背景全体が見えるようレイアウトを最適化し、PCではよりリッチな背景の質感を活かした横長表示にする。