'Web Graphics Library is a JavaScript API for rendering interactive 3D and 2D graphics whitin any compatible Web browser without the use of plug-ins. It consists of control code written in JavaScript and special effects code (shader code) that is executed on a computer's Graphics Processing Unit (GPU). WebGL elements can be mixed with other HTML elements and composited with other parts of the page or page background.' - Source: MDL documentation.
A shader is a program written in GLSL which takes information about the vertices that make up a shape and generates the data needed to render the pixels onto the screen: namely, the positions of the pixels and their colors.
- How to set up a WebGL context
- How to add 2D content to a context to render simple flat shapes
- How to use shaders to apply color
- How to animate objects (i.e. rotation, translation)
- How to create and animate 3D objects
- How to map textures onto the faces of an object
- How to simulate lighting effects
- How to animate textures