Mon Jan 4 Intro I
Slides: PPT; PDF 1up, PDF 16up

Wed Jan 6 Intro II
Slides: PPT; PDF 1up, PDF 16up
Other: CG or Photo?

Fri Jan 8 Math Basics
Slides: PPT; PDF 1up, PDF 16up
Other: Attack of the Note Sheep
Reading for Math Basics:

• Shirley/Marschner: Ch 2 Misc Math, Sec 2.1-2.4; Ch 5 Linear Algebra, Sec 5.1-5.3
• Gortler: Ch 2 Linear, Sec 2.1-2.4
• Further Reading
  • Linear Algebra Explained in Four Pages

Mon Jan 11 Transformations 1
Slides: PPT; PDF 1up, PDF 16up
Reading for Transformations

• Shirley/Marschner: Ch 6: Transformation Matrices (except 6.1.6, 6.3.1); Sect 12.2 Scene Graphs
• Gortler: Ch 2: Linear, Sec 2.5-2.6; Ch 3: Affine; Ch 4: Respect; Ch 5: Frames in Graphics, 5.3-5.4

Wed Jan 13 Transformations 2
Slides: PPT; PDF 1up, PDF 16up
Assignments: P0 out
Further Reading for Homogeneous Coordinates:

• The Truth Behind Homogenous Coordinates
• The Concept of Homogeneous Coordinates/
• Math StackExchange, Linear/Affine Differences
• Overview of 2D Transformations

Fri Jan 15 Transformations 3
Slides: PPT; PDF 1up, PDF 16up
Further Reading for Composing/3D Transformations:

• Brief and to the Point Affine Transforms and Homogeneous Coords
• Linear and Affine Transformations

Mon Jan 18 Transformations 4
Slides: PPT; PDF 1up, PDF 16up In Class: PDF 1up, PDF 16up
Further Reading for Transformation Hierarchies:

• Intro to Applied Matrix Transforms for Graphics (includes good explanation of left-to-right vs right-to-left interpretations of transform chains)

Wed Jan 20 Transformations 5
Slides: PPT; PDF 1up, PDF 16up
Assignments: Project 1 out: P1 writeup, P1 code. Homework 1 out: H1 writeup
Further Reading for Complex Transformations:

• WebGL Scene Graphs
• WebGL 2D Matrices
• Three.js Nested Transforms
• Three.js code example: Hierarchical Modelling

Fri Jan 22 Transformations 6
Slides: PPT; PDF 1up, PDF 16up In Class: PDF 1up, PDF 16up
Further Reading for Transforming Normals:

• Transforming Normals in Shaders

Mon Jan 25 Viewing 1
Slides: PPT; PDF 1up, PDF 16up
Reading for Viewing

• Shirley/Marschner: Ch 7: Viewing; Section 6.3.1 (Windowing Transforms)
• Gortler: Ch 5: Frames in Graphics, 5.1-5.2; Ch 10: Projection; Section 12.3 Viewport
• Further Reading for Viewing
  • Scratchpixel: Perspective and Orthographic Projection Matrix
  • OpenGL Projection Matrix

Wed Jan 27 Viewing 2
Slides: PPT; PDF 1up, PDF 16up
Demos

• View Frustum (CS314 Sep 2014)
• WebGL Fundamentals View Frustrum (sliders for fov, near, far, zPosition)
• Three.js Example: Ortho vs Perspective (blocks world, several settings)
• Three.js WebGL camera (wireframe spheres, rotating frustum)

Fri Jan 29 Viewing 3
Guest lecture: Glen Berseth
Slides: PPT, PPT Annotated; PDF 1up, PDF 16up
Further Reading for Perspective Normalization

• Projection Matrices (slightly more detail on projection normalization)
• Projection Normalization for Oblique Parallel Projections (alternative explanation)
• OpenGL Projection Matrix (a lot of detail on projection normalization)

Mon Feb 1 Viewing 4
Guest lecture: Glen Berseth
Slides: PPT; PDF 1up, PDF 16up PPT Annotated PDF Annotated PDF 16up Annotated

Mon Feb 1 Shaders 1
Guest lecture: Glen Berseth
Slides: PPT; PDF 1up, PDF 16up PPT Annotated PDF Annotated PDF 16up Annotated
Reading for Shaders

• Gortler: Ch 6: Hello World 3D; Appendix A: Hello World 2D (language is C++/OpenGL, not JS/WebGL)
• Further Reading for Shaders/Pipelines
  • Three.js full documentation
  • Brief OpenGL Shader/Rendering Pipeline Overview
  • OpenGL Rendering Pipeline Overview (many useful links to further details)
  • In-Depth Rendering Pipeline Discussion (includes material we'll cover later)
  • Modern OpenGL Pipeline (language is python, includes material we'll cover later)
  • Stack Overflow: Vertex Shader vs. Fragment Shader

Wed Feb 3 Shaders 2
Slides: see above

Fri Feb 5 Shaders 3
Assignments: Theory Homework 2: H2 writeup
Demos:

• Learning WebGL Hello World (triangle/square, WebGL port of NeHe OpenGL tutorial)
• WebGL Hello World (rotating cube)

Wed Feb 10 Shaders 4
Assignments: Project 2: P2 writeup, P2 template code
Demos:

• Three.js HTML Editor (simple, no shaders)
• Three.js detailed example (including shaders)
• Three.js scene graph (HWS)
• Three.js examples (main)
• Three.js examples (Stemkoski)

Fri Feb 12 Shaders 5 , Clipping/Rasterization 1
Slides: see above (shaders)
Slides: PDF 1up, PDF 16up

Mon Feb 22 Clipping/Rasterization 2, Lighting/Shading 1
Slides: see above (raster)
Slides: PPT; PDF 1up, PDF 16up

Wed Feb 24 Lighting/Shading 2
Slides: see above (lighting)

Fri Feb 26 Lighting/Shading 3
Slides: see above (lighting)

Mon Feb 29, Guest lecture: Michiel van de Panne Lighting/Shading 4
Slides: PDF
Demos:

• realtime rendering teapot demo, wireframe/flat/diffuse/phong
• Stemkoski spheres demo, wireframe/flat/diffuse/phong

• shadertoy

Fri Mar 4, Texturing
Guest lecture: Glen Berseth
Slides: PPT; PDF 1up, PDF 16up

Mon Mar 7, Midterm

Wed Mar 9, Texturing 2
Guest lecture: Mikhail Bessmeltsev
Slides: (see above)

Fri Mar 11, Ray Tracing
Guest lecture: Mikhail Bessmeltsev

Slides: PPT; PDF 1up, PDF 16up

Mon Mar 14, Ray Tracing 2
Guest lecture: Mikhail Bessmeltsev
Slides: (see above)

Wed Mar 16, Procedural, Collision
Slides: PPT; PDF 1up, PDF 16up
Demos:

• Wondertouch Particles
• Boids
• shadertoy particles

Fri Mar 18, Hidden Surfaces
Slides: PPT; PDF 1up, PDF 16up
Demos:

• Learning to Love Your Z Buffer Z Buffer Precision Calculator

• three.js interactive cubes threejs canvas raycasting picking
• three.js dragging cubes threejs webgl raycasting picking
• three.js voxel painter threejs canvas raycasting picking
• Object picking tutorial (three.js raycasting) threejs raycasting picking
• Coffee-Smudge WebGL picking offscreen framebuffer
• WebGL Beginner's Guide Chap 8: Picking offscreen framebuffer
• Symbolcraft BSP Tree Demo (requires browser Java)

• The Alpha Channel: A Simple Concept with Profound Implications by Alvy Ray Smith

Wed Mar 23, Hidden Surfaces 3
Slides: (see above)

Wed Mar 30, Color 1
Slides: PPT; PDF 1up, PDF 16up
Demos:

• Rehue color blindness/deficiency simulator

Fri Apr 1, Color 2 / Visualization 1
Slides: see above
Slides: Keynote; PDF 1up, PDF 16up

Mon Apr 4, Animation (guest lecture Michiel van de Panne)
Slides: PDF
Videos:

• keyframe animation
• Face2Face: Video Reenactment (2016)
• 3D Avatar Creation from Hand-held Video Input (2015)
• Holoportation demo (2016)
• Spacetime Sketching of Character Animation
• Golaem Crowd Simulation Showreel 2016 by Golaem
• BiFrost whale splash
• A Material Point Method For Snow Simulation
• Style-based Inverse Kinematics
• Locomotion Skills for Simulated Quadrupeds

Wed Apr 6, Visualization 2
Slides: see above

Fri Apr 8, Review 1
Slides: PPT; PDF 1up, PDF 16up

Tue Apr 12, Review 2
Slides: PPT; PDF 1up, PDF 16up