In the Mozilla community we have been hard at work expanding the features that Firefox Developer Tools provide. ToolsĪs an HTML5 developer you will have no shortage of tools at your disposal. In the meantime here are a few posts and MDN articles that help game developers getting started. In the future we hope to have content and examples for most common scenarios, frameworks and tool chains. We are currently in the process of adding content and upgrading the zone. It also includes detailed descriptions of some of the APIs that a developer will need to be aware of when implementing an HMTL5 game, including sound management, networking, storage and graphics rendering. This section of MDN contains general game development articles, demos, external resources and examples. One of the key resources available for game developers on MDN is the Games Zone. No article will answer all these questions but we wanted to put together a post that would help get you started down the path. Most of these decisions will be based on the developer experience and the platforms the game will be published on. These range from what editor to use, if the game will use Canvas 2d, WebGL, SVG, or CSS up to which specific rendering frameworks and game engines to use. When developing an HTML5 based game, you have a lot of choices to make.

Don’t be shy and tell us about them in the comments. This list is not exhaustive and we appreciate feedback on any valuable resources that would help in this arena. In this post we’ll introduce you to some of the resources built by Mozillians that allow you to code and debug HTML5 based games. If you are wondering about the performance of asm.js, read asm.js performance improvements in the latest version of Firefox make games fly! for details.

Another good resource is the getting started with Emscripten tutorial on MDN. If you are interested in working with Emscripten you can get more information at the main Emscripten wiki or grab the code on the github page. Games like these show that HTML5 is ready as a game platform. In addition Mozilla blogged about the first commercial games leveraging asm.js, Dungeon Defenders Eternity and Cloud Raiders both of which were cross-compiled in to JavaScript using the Emscripten compiler. Today we released Firefox 31 and it offers a couple of new features that help HTML5 game developers to code and debug sophisticated games.

Html5 compiler