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.


Session Name:

HTML5 Tutorial Day


The HTML5 Tutorial Day features lectures from the top HTML5 developers working today. You'll learn from both experienced web developers as well as game developers who have shipped titles in HTML5. The tutorial starts with an overview of what game developers need to know about HTML5, followed by in-depth sessions on state of the art APIs, WebGL programming and debugging, lightning postmortems of HTML5 games, and what's coming next for HTML5 -- and how you as a game developer can affect what features get put in the next generation of web browsers.




9:30-10:00am- Coffee Break


10:00-10:50am- Web Audio and Other New Browser Features

Speaker: Rachel Blum (Google)

There are lots of cool things in HTML5. Even better, there are lots of cool things being added to HTML5 and Chrome all the time, quite a few with a focus on games. This talk is going to showcase some very recent and still-in-progress features, including a long look at Web Audio.


10:50-11:10am- Break


11:10am-12:00pm- Developing a JavaScript Game Engine

Speaker: Michael "Z." Goddard (Gradient Studios)

The modern web browser is a unique environment for game development. It provides it’s own set of problems and tools. The goal of this tutorial is to present ideas and information about solving those problems and tools to improve a developer's experience creating a game for browsers. Topics covered include: component based architecture, asynchronous content loading, promise and event patterns, caching, and UI.


12:00-1:45pm- Lunch


1:45-2:40pm- The Voodoo Art of Dynamic WebGL

Speaker:  Mike Dailly (YoYo Games)

This talk discusses high performance, fully dynamic WebGL, showing you how to get the most from WebGL when not dealing with "static" or "pre-compiled" models, and how to go about building a framework that allows for rapid, and efficient batching and submission of both 2D and 3D assets. You’ll learn how to get the best performance by keeping a simple, yet flexible vertex buffer system - particularly for 2D, and how efficient texture pages will maximize your batching. While this talk is based around 2D, the framework is easily extended into 3D for things like particle systems.


2:40-2:55pm- Break


2:55-3:50pm- HTML5 & The Future Of Design

Speaker:  Rob Lockhart (Toy Studio)

Games, games, games. We can play them everywhere and anywhere. Whether it's on the train on your iPhone, in your living room on your XBox 360, or at work on your web browsers, games are everywhere. But there's a problem with games on different platforms right now. They don't provide a complete universal experience of the worlds that us as game developers want to create. But there's hope in a future with HTML5. With HTML5 there's the hope of being able to provide a universal experience once across many platforms. So the question is - how can we create the HTML5 Gears of War or Mass of Effect that will live on all of the devices we play our games on? What experiences can we make now for players? What is the future of games on one universal platform? We'll discuss the unique design opportunities of making HTML5 games.


3:50-4:20pm- Coffee Break


4:20-5:10pm Cross-platform JavaScript: A(nother) Survival Guide

Speaker:  Ibon Tolosana (Ludei)

For decades we’ve heard the mantra “code once, run everywhere.” Nowadays, it’s JavaScript and HTML5 that promise to be the new ubiquitous platform solution. This presentation will deal with some platform pitfalls; showing that the HTML5 canvas element is not always the most compelling solution for JavaScript gaming, and that CSS3 3D transformations can be evil. But there's a bright light at the end of the tunnel for early adopters, and with a mixture of good platform abstraction and an awesome functional language, some light can be shed on the black magic of hacking for cross-platform deployment. Learn about how Ideateca’s confidently develops cross-platform JavaScript-based games, and how we turned them into first-class citizens among native applications.

4:20-5:10pm: The Future of Games on the Open Web Platform
Speakers: TBA

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

  • GDC 2012
  • Rachel Blum
  • Google
  • Mike Dailly
  • YoYo Games Ltd.
  • Michael Goddard
  • Gradient Studios
  • Darius Kazemi
  • Bocoup
  • Francois Laberge
  • Brass Monkey
  • Robert Lockhart
  • Toy Studio
  • Boaz Sender
  • Bocoup, LLC
  • Ibon Tolosana
  • Ludei
  • free content
  • Programming
  • Programming