An adaptation of coin-op video arcade game Space Invaders. The goal is to defeat a wave of descending swarm of aliens, using a horizontal moving spaceship, firing at as many aliens possible.
- Game to display in browser
- Incorporate HTML, CSS, and JavaScript files
- Canvas of 800 x 600 px (w x h)
- A spaceship (the player) and 3 rows of aliens
- Spaceship to shoot aliens
- Aliens to move downwards as game proceeds
- DOM manipulation which allows scripts to dynamically access content, structure and style of documents; updating the data of the page without the need to refresh
- Typography to reflect pixel-like game
- Score reflected when alien is shot
- If bullet misses alien, game continues
- Game auto-start, pause, over-playerWin
- Game restart
- Game Instruction
- Sneakpeak of game
Increased difficulty:
- Aliens to shoot back at player
- DIY obstables
- Add gameover-lose
- Responsive screen size
- Better UI
- Build components of game into smaller segments before piecing them together
- Components: GameCanvas, player, spaceship, aliens, bullets, scoring, restart
- Daniel Schiffman coding train challenge
- Daniel Kaye coding challenge
- p5.js Editor