Game Development Stack Exchange is a question and answer site for professional and independent game developers. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Is anybody aware of any stable-ish (ie out of alpha) isometric drawing engines for JavaScript/HTML5? I have done some Google searches and found a few, but they were mostly in alpha/invite-only status.

Is there anything mature enough to be used in a production environment? Or should I simply roll my own implementation for now and wait for the rest of the world to catch up?

share|improve this question

closed as not constructive by Sean Middleditch, Byte56, bummzack, Noctrine Mar 14 '13 at 13:37

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.

It's questionable whether HTML5 per se is mature enough to be used in a production environment... – user744 Dec 3 '10 at 19:45
also a good point i suppose, we're all in alpha XD – espais Dec 3 '10 at 20:32
It is questionable whether IE6 is mature enough to be used in a production environment. If you have read the latest press releases from Microsoft, you would have doubts. Historically, in the web browser arena, older often means less stable/reliable than new. Design/QA/testing of web browsers was immature in the 1990s compared to now. Adherence to web standards was pot luck too, depending on what web browser was being used. – JohnnySoftware Apr 20 '11 at 22:50
A year later, and I'd say html5 is much further along. All the nay sayers from a year ago are hopping on the bandwagon and if they aren't they are having serious doubts about their platform... IE6 is basically extinct now. Even if there are stragglers they are prob not your video gaming user base. – Parris Jun 4 '12 at 23:30

12 Answers 12

up vote 16 down vote accepted

As you said, the only ones I have found are either betas or alphas with none seeming to be ready for release.

At this point in time it is probably better to roll your own:

  • Better understanding of the internals.

  • Able to tweak the engine to your needs.

  • Develop the features you need to use

  • Skip features of other engines you don't need, reducing code bloat, and overhead.

  • Bugs and issues will be your own problem, and easier and faster to fix than an unfinished engine.

share|improve this answer

How about this one:

share|improve this answer
Map editor of jgen looks ok. – W55tKQbuRu28Q4xv Jul 11 '11 at 4:44

The Aves Engine was a really good engine (so it seemed), and then Zynga (Farmville people) bought it and made it closed source. There's a video of it being presented somewhere, before it was bought.

share|improve this answer
It was sad to see that engine get snapped up - it looked pretty promising. – Tim Holt Jan 11 '11 at 23:39
Is the open-source version (before the source code was closed) still available somewhere? – Randolf Richardson Nov 5 '11 at 2:51
@RandolfRichardson You still had to pay for it (it wasn't free), but it wasn't even released yet I think. – Tor Valamo Nov 5 '11 at 3:14
Thanks Tor (+1) -- so, in other words, it started out as open-source vapor-ware, then the source code was closed before exiting the vapor-ware category. =) – Randolf Richardson Nov 5 '11 at 3:28
@RandolfRichardson Something like that. Technically Zynga didn't make it "closed source" they just prevented anyone from buying it. As it was made with node.js and html5/js it wasn't really compilable, so it would always remaing open, just not available to anyone with money. – Tor Valamo Nov 10 '11 at 5:25

I agree, all of HTML5 is in beta, but lots of people are working on game engines. I'm doing one myself (which I'll release open-source and describe fully in a book on HTML5 game dev.)

So far, I've got a basic sprite object that works much like a MovieClip in ActionScript or a Sprite in PyGame. It's got all the basic features: speed, direction, vector-projection, multiple images, boundary-checking, transformations, and basic collision detection.

I'm working on a very simple game object as well. This will encapsulate the canvas element, manage the main animation loop, and provide high-level interface to the event system (such as it is)

I'm trying to keep it as simple as possible: something like gameEngine in Python:

Even when I get this working, it certainly won't be stable, because the underlying technologies are far too unstable. The browser support of various HTML5 features literally changes every day, and there is still no meaningful support for most HTML5 features in IE. Also, performance varies dramatically between browsers, so a game that runs great in chrome may not run at all in Firefox.

If you're wanting a stable, practical environment, HTML5 isn't it yet. If you're interested in experimenting with HTML5, it's looking like a very promising alternative. I'm definitely eager to use it as a teaching environment. I believe it will be pretty useful in that regard.

share|improve this answer

There's isogame that came up from google.

share|improve this answer
doesn't look like it comes from google. it's just hosted there. – Tor Valamo Jan 13 '11 at 3:25
I googled 'isometric javascript engine' and that came up, IIRC. I did not mean it is written, supported, or anything to do with google. – The Communist Duck Jan 13 '11 at 16:46

I would suggest taking look at LimeJS, seems very promising -

share|improve this answer

CraftyJS supports isometric pretty well, and has examples on their site. Check it out:

share|improve this answer

Personally I believe HTML5 to be downwards stable, i.e. what's there won't go again. Obviously no ones knows how all the unresolved issues will turn out in the end and yes, there might be features in the future that one should wait for, but it's already "good enough". That's why I guess a lot of people are working on their own html5 game engine or towards that. At least I am :-)

It does not have an isometric builder yet, but well, it does not stop you either. Tutorials will be added soonish, but mainly I am posting this cause I also listed all the other engines I found so far - here at the bottom

share|improve this answer

The following engines don't support ISO out of the box but are - from the kind of abstraction they provide - maybe interesting for you to read, or might even provide underlying code:

share|improve this answer

I wrote an html5 game engine and open sourced it here:

It supports an isometric world + sprites and is free.

share|improve this answer
This is essentially a carbon copy of your other answers which seem to exist primarily to advertise for your engine. – Josh Petrie Jan 20 '12 at 19:40
Really? Did you read the title of this question? "Isometric game engine in JavaScript/HTML5". You're down voting me because I didn't change my sentences? The question specifically asks for iso engine. – j03m Jan 20 '12 at 20:21
Yes, I am, because copy-pasting the same answer across multiple questions without changing it implies to me that you are more interested in advertising your product than providing a valuable answer to the OP. I also can't tell if you've even read the question. – Josh Petrie Jan 20 '12 at 20:40
Actually - woa, I did just copy and paste that. :/ woop – j03m Jan 20 '12 at 20:47

Yes,You may find it in I developed that Html5 based avatar engine. and I give it the name "MYO". I used it to duplicate the most well know Japanese Avatar system of "ameba pigg". It works on Iphone, android and of course WEB. but best on Iphone. You may try it yourself. if you want more info about it Please Mail me.

share|improve this answer

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