We’ll cover per-vertex coloring, advanced use of vertex arrays, more drawing modes for building 3D models, perspective, textures, and lighting. This course assumes prior knowledge in WebGL. Note: Check out Create 3D Graphics in JavaScript Using WebGL for an in depth introduction to WebGL if some of these concepts are feeling unfamiliar.
Overview
Syllabus
- Apply varying colors per-vertex to WebGL triangles
- Consolidate data into a single WebGL vertex array
- Fix clipping and aspect ratio by implementing perspective in WebGL
- Draw a complex 3D Model with WebGL Triangle Strips
- Draw more complex 3D Models using Triangle Fans in WebGL
- Draw a multicolored cube with WebGL drawElements
- Use an image to texture a WebGL object
- Create a directional light source in WebGL
Taught by
Keith Peters