Setting Up WebGL
In this lesson we cover setting up WebGL for use, including creating a canvas, getting the WebGL rendering context and clearing the canvas to a particular color.
Introduction to WebGL Shaders
In this lesson we learn about the two types of shaders required in WebGL - vertex shaders and fragment shaders. We create one of each and see how those shader programs affect what is drawn on the screen.
Passing Data to WebGL Shaders
WebGL Vertex Buffers
In this lesson we cover how to pass an entire array of 3d points to a vertex shader, allowing you to render multiple points at once.
Drawing Arrays in WebGL
In this lesson, we look at the different drawing modes you can use in gl.drawArrays and how to selectively draw subsets of a full vertex array.
Loading in WebGL Shaders
Animating WebGL Vertices
In this lesson, we take a look at a simple way of animating vertices in WebGL by simply changing the values of vertices.
User Interaction in WebGL
In this lesson we accomplish some simple user interaction with animated 3D vertices.
3D Transformation Matrices in WebGL
In this lesson, we look at how to create and apply 3D transformation matrices to rotate and perform other transformations on 3D shapes created in WebgL.