22
\$\begingroup\$

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?

\$\endgroup\$
4
  • 4
    \$\begingroup\$ It's questionable whether HTML5 per se is mature enough to be used in a production environment... \$\endgroup\$
    – user744
    Commented Dec 3, 2010 at 19:45
  • 1
    \$\begingroup\$ also a good point i suppose, we're all in alpha XD \$\endgroup\$
    – erik
    Commented Dec 3, 2010 at 20:32
  • 1
    \$\begingroup\$ 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. \$\endgroup\$ Commented Apr 20, 2011 at 22:50
  • 1
    \$\begingroup\$ 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. \$\endgroup\$
    – Parris
    Commented Jun 4, 2012 at 23:30

12 Answers 12

16
\$\begingroup\$

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.

\$\endgroup\$
3
\$\begingroup\$

How about this one: http://code.google.com/p/jgen/

\$\endgroup\$
1
  • \$\begingroup\$ Map editor of jgen looks ok. \$\endgroup\$ Commented Jul 11, 2011 at 4:44
2
\$\begingroup\$

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.

\$\endgroup\$
5
  • \$\begingroup\$ It was sad to see that engine get snapped up - it looked pretty promising. \$\endgroup\$
    – Tim Holt
    Commented Jan 11, 2011 at 23:39
  • 1
    \$\begingroup\$ Is the open-source version (before the source code was closed) still available somewhere? \$\endgroup\$ Commented Nov 5, 2011 at 2:51
  • 1
    \$\begingroup\$ @RandolfRichardson You still had to pay for it (it wasn't free), but it wasn't even released yet I think. \$\endgroup\$
    – Tor Valamo
    Commented Nov 5, 2011 at 3:14
  • \$\begingroup\$ 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. =) \$\endgroup\$ Commented Nov 5, 2011 at 3:28
  • \$\begingroup\$ @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. \$\endgroup\$
    – Tor Valamo
    Commented Nov 10, 2011 at 5:25
2
\$\begingroup\$

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:

http://aharrisbooks.net/pythonGame/

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.

\$\endgroup\$
1
\$\begingroup\$

There's isogame that came up from google.

\$\endgroup\$
2
  • 1
    \$\begingroup\$ doesn't look like it comes from google. it's just hosted there. \$\endgroup\$
    – Tor Valamo
    Commented Jan 13, 2011 at 3:25
  • 2
    \$\begingroup\$ I googled 'isometric javascript engine' and that came up, IIRC. I did not mean it is written, supported, or anything to do with google. \$\endgroup\$ Commented Jan 13, 2011 at 16:46
1
\$\begingroup\$

I would suggest taking look at LimeJS, seems very promising - http://www.limejs.com

\$\endgroup\$
1
\$\begingroup\$

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

\$\endgroup\$
1
\$\begingroup\$

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 http://blog.weeblog.net/?p=29

\$\endgroup\$
1
\$\begingroup\$

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:

\$\endgroup\$
0
\$\begingroup\$

Isogenic Engine is in 1.1 and aims to provide "rock-solid 2d and isometric" features.

\$\endgroup\$
-1
\$\begingroup\$

I wrote an html5 game engine and open sourced it here: https://github.com/j03m/trafficcone

It supports an isometric world + sprites and is free.

\$\endgroup\$
4
  • 2
    \$\begingroup\$ This is essentially a carbon copy of your other answers which seem to exist primarily to advertise for your engine. \$\endgroup\$
    – user1430
    Commented Jan 20, 2012 at 19:40
  • 1
    \$\begingroup\$ 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. \$\endgroup\$
    – j03m
    Commented Jan 20, 2012 at 20:21
  • 1
    \$\begingroup\$ 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. \$\endgroup\$
    – user1430
    Commented Jan 20, 2012 at 20:40
  • \$\begingroup\$ Actually - woa, I did just copy and paste that. :/ woop \$\endgroup\$
    – j03m
    Commented Jan 20, 2012 at 20:47
-1
\$\begingroup\$

Yes,You may find it in http://myospace.jp/about.php. 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.

\$\endgroup\$

Not the answer you're looking for? Browse other questions tagged .