Start at this branch: 0.hello_world
Welcome! If you're here, you've completed the game, or at least what we intended for you to learn :D. This workshop will set you on the right path to make a spaceship game in HTML/CSS/JavaScript. At the end of it, your game should look something like this:
... without the lives, scoring and aliens shooting lasers back at you ;). Those would be next steps if you want to continue making and optimizing this game.
Notes: https://slides.com/tiffanyle-nguyen/intro-js
You can now implement lives, scoring and aliens shooting back. You can make the aliens and your ship move in more than one direction. You can remake the entire thing in React or Vue. You can use canvas
. You can use an actual game engine. You can optimize this game using requestAnimationFrame
or better algorithms. It's up to you :)
- Copy of this repository or clone
Double click on index.html
to open in the browser of your choice (you can also drag the file into any modern browser)
We used to have this project in Electron and Node, but that required more installation so we removed those for the purpose of the workshop.