msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '61632c51a5'
${ noResults }
Web-Dev-For-Beginners/6-space-game
History
Yuuki Ebihara e29e83c655
translate 6-end-condition into japanese 		4 years ago
..
1-introduction translate 1-introduction into japanese 4 years ago
2-drawing-to-canvas translate 2-drawing-to-canvas into japanese 4 years ago
3-moving-elements-around translate 3-moving-elements-around into japanese 4 years ago
4-collision-detection translate 4-collision-detection into japanese 4 years ago
5-keeping-score translate 5-keeping-score into japanese 4 years ago
6-end-condition translate 6-end-condition into japanese 4 years ago
images
…
solution
…
translations translate 6-space-game README into japanese 4 years ago
.gitignore
…
README.md
…

README.md

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:

Finished game

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

Credits

The assets used for this came from https://www.kenney.nl/. If you are into building games, these are some seriously good assets, a lot is free and some are paid.