I’ve just completed writing another quite big update for MDN Games - this time about implementing controls in HTML5 games using Captain Rogers: Battle at Andromeda demo as a case study and explained the source code of the pure JavaScript demo in detail.

This series of MDN articles was summarized with the control mechanisms in JavaScript games Hacks post, so you can check that first to know what’s going on before diving deep into the contents:

Implementing game control mechanisms

• Mobile touch controls
• Desktop mouse and keyboard controls
• Desktop gamepad controls
• Unconventional controls

I had a lot of fun writing it - especially playing with the Gamepad API and Leap Motion. I hope you’ll find those articles useful, and let me know if you have any feedback!