3

Possible Duplicate:
HTML 5 game development tools

I am pretty new to game development and want to build a simple game for touch devices using html5 (canvas) and javascript. Then use phonegap to create a native app from HTML+js.

After some search, there are few HTML5 game frameworks like limejs. But I wanted to know:

  1. Which framework is the most popular one for touch devices?
  2. Are there any tutorials/how-tos using which I can start with game dev for mobile touch devices in HTML5?

After referring to this list on Game Engines I am thinking about two frameworks:
1. LimeJS
2. Hydra

Any suggestions?

Community
  • 1
  • 1
zengr
  • 38,346
  • 37
  • 130
  • 192
  • 1
    http://www.youtube.com/watch?v=siOHh0uzcuY is a good start for an intro. there are resources all over youtube, just use at your own discretion – apollosoftware.org Sep 12 '11 at 06:20
  • Thanks for the link, actually my pain point covers some aspects of HTML5. But anyway, this video will surely help. – zengr Sep 12 '11 at 06:22

2 Answers2

2

This question is a duplicate I answered just two days ago: HTML 5 game development tools

Here's a copy/paste of what I wrote:

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

btw one of the most "professional" options is Impact, so you should take a look at that one too. However it doesn't provide many of the features that the various open-source libraries do, and the features Impact provides that the other libraries don't aren't really that valuable. For example, if you need a physics engine for your game (and a platform game probably does) then you can easily integrate Box2D on your own. another Box2D link

That said, doing things from scratch without using a 3rd-party library is not a bad option. The free ebook Dive Into HTML5 does a great job of explaining how the Canvas element works. The thing is, there are a lot of graphics features that a good graphics library will provide that aren't built-in: a display heirarchy allowing Z-order and attaching objects to each other, animation through both tweening objects and spritesheets, mouse events so that you can click on objects, etc..

Community
  • 1
  • 1
jhocking
  • 5,527
  • 1
  • 24
  • 38
  • +1 Good answer, how does crafty work with touch? – zengr Sep 14 '11 at 03:50
  • 1
    Well I just played a couple of their demos on my iPhone, so touch input works. However some of their demos didn't load, so perhaps Crafty uses some features that aren't supported on mobile Safari. – jhocking Sep 14 '11 at 04:11
  • None of the games on their demo page works on my iphone4. – zengr Sep 14 '11 at 05:30
1

LimeJS. It has a better user community imho. Lots of user support, and forums. You can download lots of source, and be exponentially further along.

apollosoftware.org
  • 12,161
  • 4
  • 48
  • 69
  • any sample games for limejs? I see some good games in hydra, but limejs has 2 very simple games on its homepage. I am impressed by hydra's demo: http://aduros.emufarmers.com/html5/snowbound/ works like a charm on iphone. – zengr Sep 12 '11 at 06:25