Course: Intro to Programming

Project: Work in teams to build a website/app

Amount of Training: 5 weeks of Intro to Programming

Languages/Tools Used: JavaScript, Bootstrap, HTML, CSS, SeamlessLoop, FL Studio (music)

Team Members: Will Johnson, Neil Larion, Matt Rosanio, Michael Smith

Project Description

A breakout clone using JavaScript and the HTML5 canvas element. Breakout is a video game where the object is to bounce a puck across the screen breaking all the bricks in each level. Breakout was originally designed at Atari with Steve Wozniak and Steve Jobs delivering the first prototype in just 4 days. Fitting since, with our project we only had 4 days as well.


What was the inspiration behind the project? 

The inspiration came from this talk. The speakers go over "Game Juice" in a breakout clone of their own. We thought it would be fun to try and replicate as many features in game as possible.

What are some challenges you faced in developing the project?

Collision detection was probably the hardest part and took the longest to put together. Beyond that- it was challenging, albeit rewarding, learning how to write and organize code properly instead of just using something that worked but was bulkier, and harder to rewrite later down the line. 

What kind of discoveries did you make while developing the project? 

We learned that 4 days is not enough time to get in all the features we would have wanted in the game, but it was enough time to build a solid prototype we were proud of and enjoyed playing. We also learned that simple things in the game like sliding in bricks from the top of the screen or power ups to the player paddle are no simple task when coding them.