By Morten Nobel-Jørgensen

This tutorial will give a brief introduction to WebGL programming for OpenGL programmers with C/C++ experience. The main focus is how to use WebGL including how it is integrated with other browser technologies. If you have no prior experience with OpenGL you should use a more in-depth tutorial with a focus on how the OpenGL API works such as the

In the first part the basic browser technologies are explained briefly; HTML, CSS and JavaScript. Afterwards WebGL is explained with a special focus on how it differs from OpenGL and OpenGL ES. Finally some of the best and most popular WebGL tools are described. Experience with modern OpenGL (3.1+) or OpenGL ES (2.0+) is assumed, so you should be familiar with the shader-based pipeline including GLSL, buffer objects and shader bindings.

One of the major benefits of using WebGL for graphics in the browser is its availability and dynamic behavior. For this reason the tutorial is written directly in HTML, which allow you to change the code examples and see the effect instantly. The examples are written as small as possible, which means that they don't use best practices of HTML. However the examples are guaranteed to work in an up-to-date version of Chrome and Firefox.