Web-Dev-For-Beginners/6-space-game

Build a Space Game

A space game to teach more advanced JavaScript fundamentals

In this lesson you will learn how to build your own space game. If you've ever played the game "Space Invaders", this game has the same idea: to steer a spaceship and fire on monsters that come down from above. Here's what the finished game will look like:

In these six lessons you will learn the following:

• Interact with the Canvas element to draw things on a screen
• Understand the cartesian coordinate system
• Learn the Pub-Sub pattern to create sound game architecture that's easier to maintain and extend
• Leverage Async/Await to load game resources
• Handle keyboard events

Overview

• Theory
  • Introduction to building games with JavaScript
• Practice
  • Drawing to canvas
  • Moving elements around the screen
  • Collision detection
  • Keeping score
  • Ending and restarting the game