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 'a7fbb18951'
${ noResults }
Web-Dev-For-Beginners/6-space-game
History
Julia Muiruri 1ac71c06f2
added new app link 		2 years ago
..
1-introduction added new app link 2 years ago
2-drawing-to-canvas added new app link 2 years ago
3-moving-elements-around added new app link 2 years ago
4-collision-detection added new app link 2 years ago
5-keeping-score added new app link 2 years ago
6-end-condition added new app link 2 years ago
images folder names 4 years ago
solution accessibility updates throughout lessons 4 years ago
translations Translated all lessons to tamil language and added ta.json as a tamil translation for quizapp (#623) 3 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.