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 '38c8f288ed'
${ noResults }
Web-Dev-For-Beginners/6-space-game
History
Yuuki Ebihara 21c67e1c0f
translate 1-introduction into japanese 		4 years ago
..
1-introduction translate 1-introduction into japanese 4 years ago
2-drawing-to-canvas links for bank quizzes 4 years ago
3-moving-elements-around links for bank quizzes 4 years ago
4-collision-detection links for bank quizzes 4 years ago
5-keeping-score links for bank quizzes 4 years ago
6-end-condition links for bank quizzes 4 years ago
images folder names 4 years ago
solution accessibility updates throughout lessons 4 years ago
translations translate 6-space-game README into japanese 4 years ago
.gitignore folder names 4 years ago
README.md Adding credits for assets to space game 4 years ago

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.