Indie HTML5 game development

From my experience and knowledge I gathered in the last few months.

Short and straight to the point. I mention only resources I consider useful. But what works for me might not work for you. HTML5 as a technology for game development is quite new and having a great traction right now. It is a good time to start playing with it!

Frameworks & Software

There are way too many frameworks available out there, most of them for free. Below is my selection:

  • Quintus - my framework of choice, mainly because of modular architecture, mobile support, and nicely written documentation. It is also lightweight enough that you can just read and modify the source, if you need to. Regarding shortcomings, it is not quite optimised and renders only to Canvas. Check examples & tutorials if you are interested.

  • Phaser - I think the most powerful and well maintained framework out there, uses great pixi.js as renderer, means it supports both Canvas and WebGL. Developed by real HTML5 gaming studio, so battle-tested and regularly updated. I hadn’t liked the way of using it (one huge game loop), but this article changed that. Probably I would use it in big, performance focused project, but it is too heavy for weekend hacking.

  • Tiled Map Editor - not a framework, but a very nice software to develop maps and levels for your game, works both with Quintus and Phaser and many other frameworks.

Others that look interesting, but I had no time to play with them:

  • Impact.js - the only one game engine that you need to pay for, but a lot of people recommended it to me. I’m just too much into open source and open web to give it a try. But maybe you would like to.

  • Turbulenz Engine - heavy, powerful, 3D and WebGL framework, connected with their platform for publishing games. Open sourced. I think it is more suitable for teams rather than for a single indie developer.

  • Goo Technologies - as they say “Professional HTML5 tools for 3D graphics”.

  • Unity3d - a little off topic, not HTML5 framework, but very popular among indie developers, free game engine, that allows you also to create 2d games and publish them to many platforms.

Free game assets

What you will need as an indie game developer are some game assets, like sprites, tiles or music files. With them you will be able to build a prototype of your game without even need for a graphic designer, or wasting time with graphic programs that you might not be good at. That was my case.

  • OpenGameArt.org - royalty-free art, good for prototypes, but nothing more

  • The Open Game Art Bundle - huge bundle with all you might need for your first game, I see a lot of examples using Platformer Deluxe Tileset Pack.

  • Scoreoid Mega Game Assets Pack - another one, pay with a tweet

  • Platformer Game Starter Kit - they wrote it is for Windows 8, but you can use them for any HTML5 game, I like the style.

  • Art & Code from the Glitch - the collaborative, web-based, massive multiplayer game Glitch was shut down. But the entire library of art assets from the game was made freely available, dedicated to the public domain.

Publishers and web stores

So your game is ready and you wonder “what now?”. With HTML5 you can easily publish it to many different platforms and web stores. But making “real” money is hard. I’m still researching that. But this guy is definitely great about making money online.
Below is the list of online places where I think might be good to put your game, but I haven’t tested most of them yet. Use at your own risk! :)

Application Stores:

Publishers

Worth reading

If you made it so far, check also my games

If you like the above compilation of resources follow me on twitter for more about front-end and game development.