mdn-2d-breakout-game

In this step-by-step tutorial we create a simple MDN Breakout game written entirely in pure JavaScript and rendered on HTML5 <canvas>.

— MDN Contributor(s)

Setup

Install Dependencies

$ yarn install

Compiles and Hot-reloads for Development

$ yarn serve

Rationale

Why is this a Vue CLI based project? You're not really using Vue itself for anything!

That's a fair question. I'm simply familiar with the toolset and wanted to scaffold out a project base quickly and with minimal configuration. It most assuredly adds unneeded overhead but since I was just doing a tutorial for learning purposes it wasn't a concern.

See Also

• MDN - Canvas API
• MDN - Game development
• MDN - 2D breakout game using pure JavaScript

License

Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/

— As per MDN - About § Copyrights and licenses.