Starting off learning HTML 5 Game Development

Posted on by jordanhaines

On my two days off that I have been given, I have started to investigate HTML 5 Games. I have decided to start with an article that I have had open in a tap for ages: Top 5 Best Practice for Building HTML5 Games, In Action!. I thought this would be a good place to start to see what I can learn from it.

Here is what came from reading the article.

1) Use a framework: There are so many to choose from but the one that is standing out around the web at the moment is impact.js. Now smaller more simple games could be written without a framework, but bigger games will require a frame work. The only downside to some frameworks is they have adapted there own style of coding. I will have to look in to this more as I chose which framework I will go for.

2) Consider small and touch screens and this is one of the biggest selling points of making a HTML 5 game. The recommended canvas size for screen is 800 x 480, you will also have to think about game controls as using the keyboard on a touch screen is really out of the question has it takes up to much screen real-estate. I would have to make my own keyboard with just the arrow keys the buttons needed. This could be cool as we could get creative with the controls. Again this is something that I will have to think about.

3) Save the player information and game state, To do this you should use the HTML 5 DOM storage. But also the first thing that comes to mind is does my game really need this? I mean if i am creating a little snake type game or a mini racing game I may want people to keep coming back to the game to see if they can get a little further each time so won’t want to save there game state. On the other hand if I create a multi level platform game which will take a few hours to complete then yes I would want to save the players state.

4) Use a profiler, This is a tool in the browser developer tools that can help find what functions are slowing down the performance of the game. This is something that I will have to understand more when I get around to building the game.

5) Be creative, To really push the boundaries of game development you need to be creative. Completely agree with this tho when starting to learn a new skill, Under standing how simple games are created is also a good way to learn.

This entry was posted in HTML 5 Game Development and tagged , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *