How to Make A Simple HTML5 Game With Enchant.js
This is a post by Tutorial Team member Guts Rodsavas, an iOS development trainer at Software Park Thailand and game developer at Coffee Dog Games. Are you curious about developing cross-platform mobile games that work in a web browser? Well, as you probably know, Apple doesn’t allow Flash to run on iOS devices, and Adobe […] By .
Where To Go From Here?
Congratulations! You have finished your first mobile browser game with enchant.js!
Here is the final project with all of the code from the tutorial.
If you are interested, here are some additional challenges for you:
- Add a fish object that randomly appears like the ice boulder. If the penguin hits the fish, the player get 5 points!
- Add a scrolling overlay on top of the background, using BG_Overlay graphic, for a nice flowing ocean effect.
- Using penguinGameOver.png to show that the penguin got hit instead of suddenly moving to SceneGameOver.
- Increase the game’s difficulty over gameplay time. Maybe add more ice boulders? Or have the boulders move faster and faster?
If you want to learn more about enchant.js, here are some great resources I’ve found:
- The enchant.js official site has some tutorials in English that you might want to check out.
- The enchant.js official blog also has some interesting tutorials.
- jsdo.it even lets you write enchant.js games online!
- Check out 9leap for some games made using enchant.js
I hope you enjoyed this tutorial! If you have any questions or comments, please join the forum discussion below!
Credits
- Background music from oo39
- Sound effects by OSA
- Art by Piti Yindee
This is a post by Tutorial Team member Guts Rodsavas, an iOS development trainer at Software Park Thailand and game developer at Coffee Dog Games.