スペースゲームの構築

より高度な JavaScript の基礎を教えるスペースゲーム

このレッスンでは、あなた自身のスペースゲームを作る方法を学びます。「スペースインベーダー」というゲームをプレイしたことがある方は、このゲームも同じように、宇宙船を操縦して、上から降ってくるモンスターを攻撃するというものです。完成したゲームはこんな感じです。

この6つのレッスンでは、次のことを学びます。

Canvas 要素と相互にやりとりして画面上に物を描く
直交座標系を理解する
Pub-Sub パターンを学び、メンテナンスや拡張が容易なサウンドゲームアーキテクチャを作成できるようになる
Async/Await を活用してゲームリソースをロードする
キーボードイベントを処理する

概要

クレジット

このために使用したアセットは https://www.kenney.nl/ から入手しました。ゲームを作るのが好きなら、これらのアセットはとても良いもので、多くは無料で、一部有料のものがあります。