各パートの完成イメージ（成果物の認識合わせ用）

2026-08-19 ／ 宿題「パート①とパート②の最終ゲームイメージ」への回答

→ https://game-goals.pages.dev（スマホでそのまま遊べます）

修了時に受講生の手元に残るものです。説明ではなく実物で認識を合わせるために作りました。

パート②は、見た目の異なる4つの版で遊べます

中身のルールは4つとも同じです。変えたのは配色と絵だけで、ゲームのロジックは1行も触っていません。

いちばん上の part2 が、指定なしで作らせたときにAIが出す既定の見た目です。 濃紺の背景＋水色＋オレンジという、どの題材でも同じになる配色になっています。 パート②bで扱う「見た目の方向性を決める」の実演素材として、そのまま使えます。

※パート③は受講生が自分の企画で作るため、講師の実演例（リズムゲーム）が完成イメージにあたります → https://rhythm-prototype.pages.dev/scene

パート① ブロック崩し

ここまでできれば①は達成、という基準です。

• バーを指でなぞって動かす／PCは矢印キーとマウス
• 当たった位置で跳ね返る角度が変わる（端に当てると鋭く飛ぶ）
• ブロックを壊すと粒が散り、画面が軽く揺れ、点が飛ぶ
• 残機3・ベストスコアの記録（次に遊ぶ理由になる）
• タイトル → プレイ → 結果 → もう一度、の4画面

技術的な条件（①の制約をそのまま反映）

• 単一HTML・外部ファイル0。ダブルクリックで開ける
• 画像を使っていないので file:// のまま動く （画像を使い始めると開けなくなる＝パート②で扱う内容）
• 調整する数値は先頭の CONFIG に集約（演習で受講生が触る場所）

パート② 増殖ランナー

パート②を終えた時点の完成形です。

• 3レーンをタップで移動、ゲートで隊列が増減、壁の人数を超えると突破
• ステージが進むごとに速く・要求人数が増える
• コインが貯まる（スコアに応じて獲得し、LocalStorage に保存）
• 強化が買える（コインで初期人数を増やす。次のプレイに引き継がれる）
• ベストスコアの記録と更新表示
• リザルト画面に「もう一度」の導線／HUD にコイン表示
• Phaser 3 を CDN 1行で読み込み。当たり判定・物理はライブラリ任せ
• 数値は RULES に集約

動作確認済み: iPhone 13 相当で通しプレイ→リザルト到達→ セーブデータ {coin:1, best:130, lvStart:0} が保存されることを実測。エラー0件。

パート②は制作の途中で ②a（設計して動かす）／②b（面白くして公開する） に分かれますが、 ここに置いてあるのは ②を終えた時点の姿です。②aの途中段階（演出・保存なしで動くだけの版）は 手元にありますので、必要でしたらお出しします。

すり合わせたい点

1. この水準で認識は合っていますか。 特にパート①が「思ったより簡素／十分」のどちらか
2. パート②の完成度が、LP掲載や審査提出を考えたときに足りているか
3. 素材について: いまはコードで描画しています。生成AIの画像に差し替えると さらに一段上がります（リズムゲームで実演済み）。②bでどこまでやるかは相談させてください