コードほどきマスター - タングルリリーフ (cord-untangle-master)

【目的・ターゲット】イヤホン・充電ケーブル・LANケーブルなど「絡まったコード」を解く日常のちょっとした快感を、爽快なパズルアクションに昇華したブラウザゲーム。10代〜40代の暇つぶし層、および実用的な配線整理のコツを知りたい生活者をターゲットにする。ケーム性と実用ミニ知識の両立で『便利ツール』ジャンルにも位置づける。

【主要機能】
1. Canvas上にベジェ曲線で描かれた絡まりケーブルを表示し、両端をドラッグして交差数をゼロにするとステージクリア。交差検出はライン交差判定アルゴリズムで実装。
2. モードは「ステージ(50面・難易度上昇)」「60秒タイムアタック」「日替わり固定シードのデイリーチャレンジ」「エンドレス」の4種。
3. コンボ・パーフェクトクリア・残り時間ボーナスによるスコア加算、フィーバー演出(画面フラッシュ・パーティクル)。
4. テーマ別BGMをWeb Audio APIでリアルタイム生成(リビング/オフィス/レトロガジェット/夜カフェの4種)、解けた瞬間の爽快な効果音。
5. 「配線整理・ケーブル収納テクニック」豆知識図鑑を50件収録し、クリアごとに1件ずつ解放。
6. スコアのグローバルランキング(モード・ステージ別)、名前登録、SNS共有用リザルト画像生成。

【画面構成】
・タイトル画面(モード選択、テーマ選択、ランキングボタン)
・ゲーム画面(Canvasメイン、交差数カウンター、タイマー、コンボ表示)
・リザルト画面(スコア、獲得知識カード、ランキング登録フォーム)
・ランキングページ(モード別テーブル)
・豆知識図鑑ページ(解放済みカード一覧)

【データ構造】
scoresテーブル: id, player_name, mode, theme, stage_no, score, clear_time_ms, combo_max, created_at
knowledge_unlockedテーブル(任意、ローカル管理でも可): session_id, card_id, unlocked_at

【デザイン方向性】ポップで清潔感のあるフラットデザイン。背景はデスクやリビングを抽象化した淡いパステル+ネオンアクセント。ケーブルはグラデーションで彩り豊かに描画し、絡まりがほどける瞬間に光の粒子演出。スマホは縦持ちタップ&ドラッグ、PCはマウスドラッグに対応したレスポンシブCanvas。