How to Make A Simple HTML5 Game With Enchant.js

[rwenderlich]

This is the official thread to discuss the following blog post: How to Make A Simple HTML5 Game With Enchant.js

[Lonan]

nice tutorial. any plans to do more html5 game tuts? that would be great.

[guts]

Thank you! I'd love to write more tutorial about html5 games. If there's any specific genre or topic you would like to see, please let me know

[RedMak]

great tutoriel(i don't follow it to the and ), but i run your demo at : http://www.raywenderlich.com/penguindive/ on my ipad 3 IOS 5.1 but no sound and ice boulders not appear

[guts]

Thanks! It's a pretty long one, so I understand. Take your time!

Unfortunately , audio is not working right now on pretty much most of the mobile html5 games. The enchant.js team has a plan to rewrite the whole audio engine system though. With iOS6 supporting Web Audio, hopefully we can play audio files on mobile HTMl5 games soon!

As for ice boulders not appearing, I'd have to test it with iOS 5.1. Currently I'm testing on iPad2 with iOS6 and it's working fine though. I'll see if I can find someone with iOS 5 device to test it.

[kolpaque]

Will have to check this tutorial out sometime. But for now, just curious, is there any potential in making game using JavaScript, versus Box2D or Chipmunk with Cocos2D? What's the deal?

[tflawlis]

Thanks for this tutorial... I have been focused on iOS for a while, so this stretched/awakened those HTML/JS skills. This also shows how easy it is to create a multiplatform app. Thanks for providing me some diversity. Question:

-iPhone5 Screen: How can I test for screensize so I can show a different background sized for the iPhone 5?

Is the short answer: "Check the documentation?" If so, I surely understand.

Thanks,
Frank

[cyrilg]

Thanks a lot for this epic tutorial! I just have a quick question, I have to develop a game for a client in HTML5. Would you recommend enchant.js or cocos2d-html5 ?
Cheers

[guts]

Will have to check this tutorial out sometime. But for now, just curious, is there any potential in making game using JavaScript, versus Box2D or Chipmunk with Cocos2D? What's the deal?

If by potential you mean monetizing, I'd say there is. There are game portals that will buy rights to distribute HTML5 games on their website. For desktop HTML5, there are games that made with box2d with Javascript. However, it's still uncommon in mobile HTML5.

Thanks for this tutorial... I have been focused on iOS for a while, so this stretched/awakened those HTML/JS skills. This also shows how easy it is to create a multiplatform app. Thanks for providing me some diversity. Questions:

1. Sound: So Web Audio is not currently supported on iOS 6.0.1. Are there any other options here?
2. iPhone5 Screen: How can I test for screensize so I can show a different background sized for the iPhone 5?

Is the short answer: "Check the documentation?" If so, I surely understand.

Thanks,
Frank

I'm glad you find it useful Frank! I think device will only be more and more powerful and HTML5 should be another fun and exciting platform in the future. It sure is a great time for Javascript developer

As for your questions, Web Audio IS supported on iOS 6.0.1, so it'll be easier if you only target iOS. While waiting for enchant.js team to implement their audio engine, you could try Sound Manager 2. We just tried it in our latest game and it works on iOS

For iPhone5 Screen, you'll have to rely on screen.availWidth and screen.availHeight.

Hope that helps!

Thanks a lot for this epic tutorial! I just have a quick question, I have to develop a game for a client in HTML5. Would you recommend enchant.js or cocos2d-html5 ?
Cheers

You're welcome!

To answer your question, I'd personally go with enchant.js. I find it much easier to work with. There is no big dependency(just one enchant.js file), and the design is just much cleaner. The mobile support is also better.
The sample project of cocos2d html5 version 2.0 crashed on my iPod Touch after I played with it for a while. They've updated it to 2.1 so they might have fixed this already though.

[cyrilg]

I just started playing with enchant.js, It is pretty amazing! One thing I cannot figure out is how to add a child to a sprite. I would have a build a game where you can customize an avatar with different body parts. Do you have any idea how to do it ?
Cheers