シューティングゲームを作ろう

ステップ一覧

1. Step1: Canvasを表示する
2. Step2: 自機（四角）を表示する
3. Step3: 自機を左右に動かす
4. Step4: 画像で自機を表示する
5. Step5: ゲームループ（更新→描画）
6. Step6: 弾を1発撃つ（配列なし）
7. Step7: 弾を複数（配列）
8. Step8: 敵（直進）
9. Step9: ファイルを分けよう（モジュール化）
10. Step10: 当たり判定（弾×敵）
11. Step11: スコア表示
12. Step12: ライフ＋ゲームオーバー
13. Step13: 仕上げ（完成版）

使い方

• 各Stepを開くと、左に「サンプル実行」、右に「自分の実行」が出ます。
• 右側のHTML/CSS/JSを編集して 実行 を押すと反映されます。
• 画像は learning/image/ を参照します（例: ../image/player.png）。
• 事前に確認したい人向け：事前学習ガイド（print）

データ管理とジャッジ

• インポート：上部の「インポート」ボタンから、エクスポートしたJSONファイルを読み込めます。
• 自動ジャッジ：自動ジャッジ で、各Stepのコードが正しく動作するか自動テストできます。
• 提出ビューワー：提出ビューワー で、複数の提出JSONを一括で確認できます。