Project's name

Angry Fietser

LINK

The player is an urban cyclist that hates turists. The ciclist must crash as many turists as posible to win points. Avoid crashing against cars.

MVP definition, deliverables.

2D canvas context with a road and sidewalk background that move.
Bike is static at the left end of the screen but the player is able to move the bike up and down, giving the impression the bike changes lanes on the road.
Random turists appear on the road.
Collision between turist and bike give points to the player.

Draw road.
Draw static biker element.
Add movement effect to road.
Add up/down movement to biker.
Generate random turists.
Generate collision events between player and turists. Turists elements dissapear on collission.
Biker gains points on collissions with turists. Show points on DOM.

Set an interval that makes the background move faster every X amount of time.
Add cars (obstacles) the biker needs to avoid.
Avoid tourists and cars being generated on the same position.
Generate collission between car and biker. Upon collission the biker looses health.
Add forward and backward movement functionality to the biker.
Improve graphics

Class Game
- Properties:
  - biker
  - tourists
  - context
  - rows
  - columns
  - bikerPoints
  - bikerHealth
  - road / background
- Functions:
  - _draw = board/biker/tourists/road
  - update : all of the above
  - start
  - Pause
Class Biker
- Properties:
  - position
  - health
- Functions:
  - moveRight
  - moveLeft
  - collision: with tourists
Class tourists
- Properties:
  - position
- Functions:
  - collision: with biker
Class background & road ?
- Properties
  - speed
- Functions
  - Speed

EXTRA - Backlog

Definition of the different states and their transition (transition functions)

initial screen
- playing instructions
- start button
gameScreen
- playing board (canvas)
- points and lives (DOM)
- Pause button (DOM)
gameoverScreen
- Bye Bye message
- Restart button