You've been logged out of GDC Vault since the maximum users allowed for this account has been reached. To access Members Only content on GDC Vault, please log out of GDC Vault from the computer which last accessed this account.

Click here to find out about GDC Vault Membership options for more users.


The Number One Educational Resource for the Game Industry

Session Name: A Practical Guide to Building Browser Based Games Using HTML5
Speaker(s): Marc O'Morain
Company Name(s): Swrve
Track / Format: Programming

Did you know free users get access to 30% of content from the last 2 years?

Get your team full access to the most up to date GDC content


HTML5 enabled browsers are now ubiquitous on desktops, laptops and in cell-phones, the majority of which have hardware accelerated support for CSS3 and canvas rendering. It follows that the browser is now a viable target for deploying games, without the need for 3rd party plugins.

This presentation will show how to create a 2D isometric city simulation game within the browser. The game renderer is implemented twice - once using the HTML5 canvas element, and once using the DOM and CSS3 to render sprites, to enable a fair comparison of the two approaches, and runs on all desktop browsers, iOS and Android.

The presentation will cover the prerequisite requirements for developing for modern browsers and the limitations of devices on which they run, before diving into concrete examples of rendering (DOM vs canvas), browser compatibility, user input acquisition (eg. iOS gestures), and finally look the tools are available to profile and debug a game.

GDC 2012

Marc O'Morain


free content