“Graphics Programming for the Web” by Joshi, Bourges-Sevenier, Russell and Mo

  • ©Pushkar Joshi, Mikael Bourges-Sevenier, Ken Russell, and Zhenyao Mo


Entry Number: 25


    Graphics Programming for the Web

Course Organizer(s):



    With the advent of HTML5 and the ever-improving browser performance, the world wide has emerged as an ideal platform for showcasing graphics applications. Several graphics applications that earlier may have been too slow to be written in anything but native code may now be fast enough to run as web apps. This course hopes to help those developers who wish to develop graphics applications for the web. We introduce the dominant graphics technologies that are accessible via web programming on most modern browsers.

    We start with a quick primer on general-purpose web programming. We introduce HTML parsing, CSS, DOM- and render-tree construction, and the use of Javascript for generating dynamic web content. The bulk of this course describes the web technologies specific to graphics:

    1. HTML5 Canvas: path API, image editing, animation, comparison with SVG
    2. CSS3: transitions, animations, 3D transforms and the new css-shaders
    3. WebGL: getting started, achieving high performance, advanced 3D techniques
    4. WebCL: the formal specifications, what’s implemented, and what’s to come

    For each topic, we provide a significant number of code examples that illustrate the relevant graphics capabilities. The course participants will see several interactive demos during the course, and will also be able to copy and paste our code snippets and execute them easily inside any modern web browser.

    We do not require the course participants to have any knowledge of web programming. Graphics expertise is not required or assumed. However, we expect this course will be most useful to people already familiar with graphics concepts.