Isometric game engine in JavaScript/HTML5

by espais   Last Updated June 09, 2017 04:13 AM

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?



Answers 12


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.

AttackingHobo
AttackingHobo
December 03, 2010 19:30 PM

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.

Tor Valamo
Tor Valamo
December 03, 2010 21:27 PM

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.

Two pi
Two pi
December 06, 2010 03:22 AM

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

Nils Roeder
Nils Roeder
December 06, 2010 22:15 PM

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:

oberhamsi
oberhamsi
January 04, 2011 11:17 AM

There's isogame that came up from google.

The Communist Duck
The Communist Duck
January 04, 2011 21:12 PM

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

user4560
user4560
January 11, 2011 08:54 AM

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

user5187
user5187
February 05, 2011 12:10 PM

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

numo16
numo16
April 05, 2011 22:05 PM

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.

j03m
j03m
January 20, 2012 19:14 PM

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.

Nevin
Nevin
June 06, 2012 09:00 AM

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

sam
sam
March 13, 2013 23:45 PM

Related Questions



Html5 isometric game engine

Updated May 05, 2017 13:13 PM


Platforms for Isometric Browser games?

Updated June 02, 2017 08:13 AM