生成AI（ChatGPT、Claude、Gemini等）を使って、ブラウザで動くVampire Survivors風のサバイバルゲーム（HTML + JavaScript）を作成し、段階的に改良していきます。
この課題で学べること
- 大量オブジェクトの管理 — 100体以上の敵を効率的に処理する技術
- レベルデザイン — 難易度曲線、武器バランス、リプレイ性の設計
- UIデザイン — レベルアップ時の武器選択画面、HP/XPバーの表示
- ゲームバランス調整 — 生成AIとの対話で数値を調整する体験
プログラミング経験は不要です。生成AIがコードを書いてくれるので、「何を作りたいか」を言葉で伝えることが大事です。
Step 1：ベースゲームの生成
プロンプト：
HTML + JavaScriptで、Vampire Survivors風のサバイバルゲームを作ってください。
- Canvas要素を使用
- WASDキーまたは矢印キーでプレイヤーを8方向移動
- プレイヤーは自動で最寄りの敵に攻撃（一定間隔で弾を発射）
- 敵が四方から次々と出現してプレイヤーに向かってくる
- 敵を倒すと経験値の宝石をドロップ
- 経験値が溜まるとレベルアップ
- 生存時間とスコアを表示
1つのHTMLファイルにまとめてください。
生成例：上のプロンプトでClaude Codeが生成したゲームを
こちら で遊べます。
Step 2：改良の指示例
プロンプト（動作確認）：
生成されたゲームをプレイして、正常に動作することを確かめてください。
もし動かない箇所やバグがある場合は修正してください。
プロンプト（レベルアップと武器選択追加）：
レベルアップ時の武器選択システムを追加してください。
- レベルアップすると3つの選択肢が表示されてゲーム一時停止
- 武器の種類：
- 直線弾：前方に弾を飛ばす（連射速度アップ）
- 回転弾：プレイヤーの周りを回転する弾（数が増える）
- 範囲攻撃：プレイヤーの周囲にダメージ（範囲拡大）
- 同じ武器を選ぶとレベルアップして強化される
生成例：武器選択追加後のゲームを
こちら で遊べます。レベルアップ時に3つの武器から選べます。
プロンプト（敵の種類とボス追加）：
敵の種類を増やし、ボスを追加してください。
- ゾンビ：遅いが大量に出現（緑）
- コウモリ：速いがHPが低い（紫）
- ゴーレム：遅いがHPが高い（灰色、大きい）
- ボス：3分ごとに出現する巨大な敵（HPバー表示）
時間経過で敵の出現頻度と強さが増加するようにしてください。
生成例：敵の種類とボス追加後のゲームを
こちら で遊べます。4種の敵＋3分ごとのボス戦があります。
プロンプト（BGM・効果音追加）：
Web Audio APIを使って以下の効果音を追加してください。
- 攻撃音（武器ごとに異なる音）
- 敵の撃破音
- 経験値宝石の取得音
- レベルアップ音
- ボス出現の警告音
- BGM（テンポの速い戦闘向けループ）
すべてプログラムで生成してください（音声ファイルは使わない）。
生成例：BGM・効果音追加後のゲームを
こちら で遊べます。Mキーでサウンドのオン/オフを切り替えられます。
コツ：一度に全部を指示するのではなく、1つずつ改良を加えていくのがポイントです。うまくいかなかったら「元に戻して」と言えばやり直せます。
