Create a HTML5 Game

If you have already have a website, you can add a game to it.

Task

Follow any one of these tutorials:

• How to make a simple HTML5+Canvas game
• No Tears Guide to HTML5 Games
• Build your first game with HTML5 with Box2D library

Follow the tutorials to get a basic idea of how to create a HTML5 game that runs on canvas (2d “drawing board”). You should be able to understand and replicate the intended result.

Remember

If there is anything you don’t understand, Google it, or just ask your mentors.

When your game looks and works like the demo, try changing stuff and play around with the code! The more customized, the better for you!

The following article will give you some more information about further HTML5 game development: Getting started with HTML5 game development

Additional useful material about canvas element:

• W3Schools HTML5 Canvas
• Dive Into HTML5 - Canvas

Lots other JavaScript game development tutorials and resources at jsGameWiki.