| Lab | Days | Contents (Subject to change by the instructor.) |
| 1 | Sep. 14 – 18 | Getting Started with HTML Canvas Graphics |
| 2 | Sep. 21 – 25 | Points, Primitives and 2D Art |
| 3 | Oct. 5 – 9 | 3D Transformations |
| 4 | Oct. 19 – 23 | Shaders and Basic Illumination Extra: Illumination 2: Specular Illumination, Phong Shading, Attenuation, Multiple Lights |
| 5 | Nov. 2 – 6 | Texture Mapping |
| 6 | Nov. 23 – 27 | Three.js |
| -- | Nov. 30 – Dec. 4 | Lab Marking Wrap Up. |
| Lab Notes Subject to Change Until Monday After First Section | ||
|---|---|---|
Online Reference Materials
| Resource Site | Specific Links | Description |
| Khronos Group |
Select Khronos reference pages:
|
Every programmer should frequently consult the reference pages for the APIs they use. It is also sometimes helpful to refer to the specification. When the lab notes get technical, you better believe I've consulted these! Khronos, the organization that oversees several cross-platform libraries including OpenGL, hosts or provides links to man pages and specifications for OpenGL, OpenGL ES and WebGL. |
| Mozilla Developer Network |
The Mozilla Foundation maintains a vast collection of information about web technologies for developers. I frequently find their WebGL documentation helpful, and sometimes prefer to link to their documentation rather than the Khronos stuff. |
|
| Textbook materials |
Browse the HTML, javascript and shaders for the example you want to try. If examples don't work, try consulting this site to find out why and maybe fix your problem: get.webgl.org |
Once you know your browser can run the textbook's WebGL samples, lab 1 will show you how to set up a local and hosted environment of your own so you can modify textbook examples for assignments. |
| WebGL2 Fundamentals |
WebGL2 What's New WebGL 2 Anti-patterns |
I don't always agree with this resource's approach, but I used parts of this site's predecessor to help me learn WebGL 1 from a different perspective, and the current version to navigate the transition from WebGL to WebGL2. |
|
Sunday, 18-Oct-2026 12:16:09 CST |
Copyright: Department of Computer Science, University of
Regina.