Take the 2-minute tour ×
Game Development Stack Exchange is a question and answer site for professional and independent game developers. It's 100% free, no registration required.

Are there frameworks and processes for HTMl5 that can be used for the rapid prototyping of 2D games?

share|improve this question
add comment

closed as not constructive by Byte56, Sean Middleditch, Tetrad Jun 14 '13 at 5:45

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.If this question can be reworded to fit the rules in the help center, please edit the question.

5 Answers

Well, a cursory Google search produces several results:

I don't know anything about them specifically, but I would think that in general HTML5 is probably a decent way to prototype games even without a framework or engine: quick, direct, low overhead and easy to iterate on.

share|improve this answer
add comment

I built http://gamejs.org partly for this purpose. It follows the PyGame API which I know is sometimes used for prototyping.

I would argue that JavaScript lends itself very well to writing game code quickly; for a more elaborate argument to this effect see Capitalizing on JavaScript's prototypal inheritance

Other advantages if you stay with simple technologies, like html5 & js:

  • every computer has an interpreter and a debugger for JS installed (even mobile devices)
  • easy to pickup for newcomers
  • well documented language, still evolving
  • open technologies through & through

Whether html5 is more suitable than, say, Flash or even pen&paper depends on your game and how evolved your concept is.

share|improve this answer
add comment

I've been using PixieEngine. It's a web based game development IDE that lets you develop and publish games without having to download or set up a development environment.

PixieEngine IDE screenshot

The advantages over plain HTML Canvas and JavaScript are that CoffeeScript is a very syntax light language, and the built in libraries optimize specifically for the prototyping of games.

For example in HTML Canvas when you want to fill a circle you need to call:

context.fillStyle = color
context.beginPath()
context.arc(x, y, radius, 0, Math.TAU, true)
context.closePath()
context.fill()

But the PixieEngine canvas wrapper provides a simple method

canvas.fillCircle(x, y, radius, color)

HTML Canvas and JavaScript are good for rapid game prototyping, but PixieEngine is much better.

share|improve this answer
add comment

Yes! I'm part of the 2 man team that builds Construct 2, the HTML5 game creator.

Our tool is popular for building full games and also amongst an audience who wish to rapidly prototype games and ideas.

When creating a prototype anything that can save you time is beneficial and we've worked hard to make Construct 2 a powerful time saving device as well. Results can be created in minutes.

share|improve this answer
add comment

Hey I wrote an html5 game engine that focuses on isometric games and open sourced it here: https://github.com/j03m/trafficcone

Docs are still a little rough, but there are some usable/runnable examples.

share|improve this answer
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.