Game development is not something that needs to be restricted to people using Unity or Unreal Engine4. JavaScript game development has been a thing for quite some time. In fact, the latest versions of the most popular browsers (i.e Chrome, Firefox and Edge) provide support for advance graphic rendering (such as WebGL) which lend to very interesting game development opportunities.

Mind you, learning to utilize WebGL for game development is not something you can cover in a single article (there are full books written solely for this), and as a personal preference, I tend to lean towards using the help of frameworks before wanting to dig deep into a particular technology.

This is why after doing some research, I’ve decided to write this quick tutorial using MelonJS.

What is MelonJS?

As you’ve probably guessed by now, MelonJS is a JavaScript Game Engine that is fully compatible with all major browsers (all the way from Chrome to Opera, going through Chrome for mobile as well as iOS Safari).

It has a set of features that made it very compelling during my research: