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: How to Implement AAA Game UI in HTML and JavaScript
Speaker(s): Yee Cheng Chin
Company Name(s): Electronic Arts/Maxis
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

Overview: HTML UI has been slowly but steadily gaining in popularity as the choice for UI technology in games. However, due to performance and tooling issues, it has mostly been used only for menus and social features. This talk aims to show that it's possible to go all-in with using web technology for game UI by using Maxis' UI system built entirely in HTML/CSS/JavaScript, which shipped in SimCity (2013), as an example. This talk will cover the benefits of using existing web technology, how to integrate web UI into your game efficiently (in our case using EA WebKit), hardware acceleration, how to take advantage of tools such as JavaScript debugger, as well as potential issues such as memory bloat and efficient JS/C++ bindings. It will also demo Maxis' MUiLE editor as an example of building a JS-based UI editor for quick iteration without requiring designers know the intricacies of HTML and CSS.

GDC 2015

Yee Cheng Chin

Electronic Arts/Maxis

free content