HTML 5 Game Development Tools

Question

Can someone help me with the best HTML5 game development engine?

This is a simple game for jumping and surface detection. The theme is similar to jumping and higher above the tops of trees.

What do you suggest in this case?

I am targeting Android and iOS devices for the game. To save memory, should I write my own JavaScript or look for a library? What library do you offer?

Answer 1

I spent a lot of time evaluating different options. Crafty is my favorite and the one I use for my current project. LimeJS is pretty good, but it relies on Closure , which I am not a fan of. I also liked EaselJS and CasualJS a lot.

btw One of the most “professional” options is Impact , so you should also take a look at this. However, it does not provide many of the functions that various open source libraries perform, and Impact functions ensure that other libraries are not that important. For example, if you need a physics engine for your game (and probably a platform game), you can easily integrate Box2D into your own. another link Box2D

However, doing things from scratch without using a third-party library is not a bad option. The free Dive Into HTML5 e-book does an excellent job of how the Canvas element works. The fact is that there are many graphic functions that a good graphics library will provide that are not built-in: a display hierarchy that allows Z-ordering and attachment of objects to each other, animation through both animation objects and sprites, mouse events so that you can click objects etc.

---

UPDATE: More than a year has passed since I posted this answer, and the situation has changed a bit (this is a nascent technology area.) Although Crafty is still an excellent choice, EaselJS gained a lot of momentum last year (especially considering Adobe jumped on the EaselJS train .) I am going to switch to this tool for future projects (also note that it has a new site )

---

UPDATE 2: EaselJS is still my favorite option, but another great option has appeared: Phaser . I plan to study this in the near future.

Answer 2

It seems that there is no need for a middleware component, the platform will already take care of most boring things, in fact it will not be easy using additional abstractions.

Answer 3

I had some experience with gameQuery and did side scrolling and failed for a company in the UK. I learned a lot, and I had a lot of fun. The gameQuery engine provides basic sprite sheet animation (you are limited in the layout of the sprite sheet), layers, the game loop, and some basic collision detection (only the bounding box). It targets the DOM and ties you in tightly to this, which may not be what you want. Am I compiling other libraries so you can switch the implementation?

I agree with jhocking that you should use as much pre-written material as possible. LimeJS comes with an implementation of javascipt Box2d, the engine that was used to create the Angry Birds. I cannot comment on Google Closure, but if it is good enough for Google, it will be enough for me.

Answer 4

You might want to check out CopperCube. This is an IDE for developing 3D HTML5 and Flash. Commercial, but not too expensive. Focusing on 3D, uses WebGL so much
CopperCube - 3D editor for WebGL and Flash, Mac OS X, Windows and mobile applications