WebGL

1. Development topics
2. Resources

WebGL brings 3D graphics to the Web by introducing an API that closely conforms to OpenGL ES 2.0 that can be used in HTML5 canvas elements. Support for WebGL is coming in a future version of Firefox; you can try it in trunk builds.

Note: The specification for WebGL is still in draft form and is subject to change.

Development topics

Getting started with WebGL: How to set up a WebGL context.
Adding 2D content to a WebGL context: How to render simple flat shapes using WebGL.
Using shaders to apply color in WebGL: Demonstrates how to add color to shapes using shaders.
Animating objects with WebGL: Shows how to rotate and translate objects to create simple animations.
Creating 3D objects using WebGL: Shows how to create and animate a 3D object (in this case, a cube).
Using textures in WebGL: Demonstrates how to map textures onto the faces of an object.
Lighting in WebGL: How to simulate lighting effects in your WebGL context.
Animating textures in WebGL: Shows how to animate textures; in this case, by mapping an Ogg video onto the faces of a rotating cube.

Resources

WebGL Specification (Working Draft): The working draft of the WebGL specification.
Khronos WebGL site: The main web site for WebGL at the Khronos Group.
Learning WebGL: A site with tutorials on how to use WebGL.
The WebGL Cookbook: A web site with handy recipes for writing WebGL code.
Sylvester: An open source library for manipulating vectors and matrices.
Planet WebGL: A feed aggregator for people involved in the WebGL community.