JavaScript BreakOut

A couple of weeks ago I was playing around with canvas for the first time I decided to give a try in recreating a BreakOut like game using JavaScript.

The game is developed using Object Oriented approach for better structure and the code is easier to handle.

I found that using multiple canvas with some CSS to overlay them is a better approach to minimize computations and separate things.

Breakout
Breakout

 

 

It is unfinished let alone polished.

Can be viewed at JSFiddle: here

Things missing

  • Menu
  • Ball moving with paddle before start
  • Instructions of play ( Left/Right/Space )
  • Score Keeping
  • Game calculations could be better
  • Level transition although loading mechanism is in place and levels can be described in JSON format.

Might get back to it at some point, but right now I’m working on something else.

Please like & share:

Leave a Reply