This is a quick introduction to GPU-assisted rendering using a thin wrapper around WebGL.

You can get the code at https://github.com/JoshuaGrams/webgl-intro.

OpenGL is a low-level API for putting triangles on the screen and running arbitrary GPU code for each vertex and pixel of every triangle. It isn't a full 3D library where you can say, “here's a mesh, a material, a couple of lights, and a camera...ready, go!”

1. Solid Quad
2. Sharing Vertices
3. Global Variables
4. Per-Pixel Attributes
5. View Transform
6. Textured Quad
7. Animated Fisheye Distortion
8. Fisheye in straight WebGL (for comparison, doesn't use my wrapper code).