HTML5 CSS-based Game

Reykjavík University, April 2016
T-303-WEPO - Web Programming II
Assignment: HTML5 CSS-based Game
Authors: asav13@ru.is, vedise13@ru.is, laurar14@ru.is

#About the game

• All positions and sizes defined using a 10px em. This means that the game could be scaled up and down by changing the base font-size. This is one way to make the graphics responsive.

• The game has simple game loop which calculates delta and can be started and stopped.

• The player has to choose a difficulty level which changes the speed of the game.

• The player can mute the song and/or the sound effects.

• The player can control the character with mouse clicking and/or pressing space bar.

• The player can see his score in "real time" in the top right corner of the game.

• Hitting beets, clouds or ground will kill the player instantly.

• When player dies, he will see his score and the highscore.

• Extra features

  • Levels
  • Mouse and Spacebar for moving character
  • The game is responsive
  • Mute support for sound effects

#Browsers tests

• Google Chrome
• Microsoft Edge

PS: As you can see, the player is ours truly, Daníel Brandur, riding a unicorn, trying not to hit beetroots in beetroot candy-land.

Setup

npm install
bower install
grunt server