BreakOut Game

Beginning of the game
Game play images
Game Over

Inspiration

Our team has a knack for old shool arcade games and that is what inspired was to develop this BreakOut Game.

What it does

*This ia a desktop game. *You can control it by arrow keys as well as with mouse. *The player has to break the brick with the ball without hitting the floor. *If the ball touches the floor, "GAME OVER!!!" appears with your final score. *If you break all the bricks, "Congractulations You Won the Game!!!" appears. *This game also show the Highscore among all the matches you played.

How we built it

We built this game using Canvas, JavaScript, HTML and CSS We used canvas to design the ball, bricks and the paddle. We used javascript for basic functionality. We used CSS for basic designing.

Challenges we ran into

The major issue we ran into was that there was no start button, hence, after finishing the we have to reload the page in order to start a new game. Another issue was that there was no auto pause feature i.e the game just kept running even if we were using a different tab.

Accomplishments that we're proud of

We were successfully able to add a login page and a backend support (though it is in its infacy).

What we learned

We learned canvas , nodeJs, expressJS and backend. As it was our first project using all these.

What's next for BreakOut Game

We still have to add a section where it will show the username for the user and we also have to implement the signUp page for game (though it is ready we didn't had the time to implement it) .