左にサンプル、右に自分のコードを置いて学習できます。
Step1: Canvasを表示する
Step2: 自機（四角）を表示する
Step3: 自機を左右に動かす
Step4: 画像で自機を表示する
Step5: ゲームループ（更新→描画）
Step6: 弾を1発撃つ（配列なし）
Step7: 弾を複数（配列）
Step8: 敵（直進）
Step9: ファイルを分けよう（モジュール化）
モジュール分割
Step10: 当たり判定（弾×敵）
モジュール分割
Step11: スコア表示
モジュール分割
Step12: ライフ＋ゲームオーバー
モジュール分割
Step13: 仕上げ（完成版）
モジュール分割
learning/image/ を参照します。