GitHub Source Fileshttps://github.com/JS-Beginners/brick-breaker-game
- HTML Canvas Web API
- 2 dimensional arrays
- event listeners
- control structures
New Things Learned or RefreshedI haven't used the HTML Canvas for many projects, so it was good to refresh my memory on how to draw shapes with the HTML Canvas. The instructor also had a mini-lesson on how the coordinate system work in HTML. There were concepts that together made the project intermediate for me. Concepts like 2-dimensional arrays, nested for loops, and nest if statements. I found myself writing a lot of notes. When I go through this project again, hopefully I'll have sufficient notes to help me complete this project. The most interesting thing about the project was the collision detection. I still have to go back through the code to understand exactly why and how the bricks disappear.
Time to CodeThis project took me about 4 hours to follow the instructor and research my own solution when I found that my code wasn't quite correct at times.
What to Accomplish
- Download the source code from the github repository above.
- Delete the contents of the
- Add a link to your finished project below!
Need to see the video solution for this project?