Conference 5–9 August 2012
Exhibition 7–9 August 2012
Los Angeles Convention Center

Graphics Programming for the Web

Los Angeles Convention Center, Room 408B

With HTML5 and ever-improving browser performance, the web has emerged as an ideal platform for showcasing graphics applications. Several graphics applications that were once too slow to be written in anything but native code may now be fast enough to run as web apps.

This course for developers who want to develop graphics applications for the web introduces the concepts of core web programming and the dominant graphics technologies that are supported by most modern browsers. It begins with a brief primer on general-purpose web programming (HTML parsing, CSS, and DOM- and render-tree construction), how Javascript can be used to generate dynamic web content, and how to improve performance and accelerate development time.

The bulk of this course describes the web technologies specific to graphics:
• CSS3: transitions, animations, 3D transforms and the new CSS-shaders
• HTML5 Canvas 2D: path API, compositing, image editing, and animation
• SVG: overview of API, how it's different from HTML5 Canvas 2D
• WebGL: the key necessary steps, relation to OpenGL, performance hints
• WebCL: the formal specifications, what’s implemented and what’s to come

For each topic, the course provides a significant number of code examples that illustrate the relevant graphics capabilities. Attendees are welcome to copy and paste our code snippets and execute them inside any modern web browser.




None, but this course is most useful for people familiar with basic graphics concepts.

Intended Audience

Developers familiar with graphics concepts who want to learn about web technologies for graphics application development.


Pushkar Joshi
Motorola Mobility

Mikaël Bourges-Sévenier
Motorola Mobility

Kenneth Russell
Google, Inc.

Zhenyao Mo
Google, Inc.