Showcase

Please do the course evaluation!

Course evaluation

Graphics specific Feedback form

Schedule

This is a living schedule and subject to change

Date Topic Reading Notes Assignment
09/12 Intro to Computer Graphics FCG 1 Intro  
09/14 Graphics programming   2-d canvas  
09/16 WebGL WPG 1-2 Pipeline, simple webgl Assignment 1 Due 9/21 [solution]
09/19 More WebGL      
09/21 Vectors, geometry and Coordinate systems FCG 2.4   Assignment 2 Due 9/28[solution 1, solution 2]
09/23 Transformations FCG 6    
09/26 Programming transformations WPG 3-4 basic transformations  
09/28 Composing transformations     Assignment 3 Due 10/05 [solution]
09/30 Viewing in 3D FCG 7.1.3, WPG 7 first 3D scene  
10/03 Parallel projection FCG 7.1    
10/05 3D scanning demo     Assignment 4 Due 10/12
10/07 Perspective projection FCG 7.2    
10/10 Perspective projection      
10/12 Depth     Assignment 5 Due 10/24 [solution]
10/14 Depth and Mesh data FCG 12.1 z-fighting, cube,  
10/17 Fall break      
10/19 OBJ files, Intro to Lighting FCG 4.5, 10.1 objects  
10/21 More Lighting FCG 4.5, 10 Lighting part I  
10/24 No class VisWeek / midterm    
10/26 No class VisWeek / midterm    
10/28 Phong Lighting model FCG 10 Lighting part II  
10/31 Shaders and lighting models WPG 8 shaders Assignment 6 Due 11/14
11/02 Texture mapping FCG 11.1-11.3 Textures part I  
11/04 Motion capture demonstration      
11/07 Texture applications FCG 11.4 Textures part II  
11/09 Textures in WebGL WPG 5.3 basic texture, sphere, bump mapping  
11/11 Ray tracing FCG 4    
11/14 Handling intersections FCG 4   Assignment 7 Due 11/28
11/16 More Intersections FCG 4    
11/18 Shadows, reflections, etc… FCG 4   Ray tracer
11/21       Project proposals due
11/23 Thanksgiving break      
11/25 Thanksgiving break      
11/28 Ray tracer work      
11/30 Ray tracer work   Ray tracer - phase 1  
12/02 Ray tracer work      
12/05 Ray tracer work      
12/07 Ray tracer work      

Resources

In Class examples
All in class examples will be posted here
Wolfram|Alpha
You can use this site to help you with your matrix math operations
MDN WebGL Reference
Description of the API and basic tutorial for getting up and running
gl-matrix.js
Useful library for doing matrix manipulation in JavaScript. Note that the documentation is decidedly minimal and requires some trips to the source.
WebGL Refcard
All the commands in one convenient refcard
WebGL Wiki
A quick resource for learning about WebGL
WebGL Inspector
A plugin for your browser to help see what is going on inside of your graphics code
Eloquent JavaScript
A reasonable primer on JavaScript