Class Notes

• Some Some starting thoughts.
• Setting up your environment
  • Code for this section
• Week 1, sorting some numbers
  • Sorting some Numbers
  • Code
• Week 2, Drawing on a canvas.
  • The HTML5 Canvas
  • Stuff for the Homework
  • Code
• Week 3, Let's draw some lines.
  • Historic Graphics Hardware
  • Color
  • Code
  • Introduction to Lines
  • Conclusion of Lines
  • Code
• Week 4, Transforming your world.
  • Part 1
  • Part 2
  • Code
• Week 5 (wherever we catch up from last week)
  • Introduction
  • Events in the Canvas
  • Code
• Week 6, Collisions
  • Circles
  • Circle/Line
  • Bounding Boxes
  • Code
• Movement in 2D
  • Notes
  • Code
• The pinhole camera model.
• OpenGL
  • Introduction
  • A look at a WebGL Application
• Moving Data to the GPU
  • Intro to VBOs
  • More VBOs
• Using *GL
  • All praise the Triangle
  • MV.js
  • A Triangle Computation Demo
  • More WebGL
  • Barycentric Coordinates for Wireframe Triangles
• Viewing and Transformations
  • Projection and Viewing
  • Coordinate Systems
  • Moving in Space
• Light

1. Introduction
   1. Overview of Graphics Software
   2. Overview of Graphics Libraries and Application Programming Interfaces
   3. Local Resources and Practices
   4. Graphics Hardware
2. Using a Graphics API
   1. Background and Architecture
   2. Syntax and Interface
   3. Graphics Pipelines
   4. Shaders and Shading Language
3. Mathematics for Computer Graphics
   1. Linear Interpolation
   2. Trigonometry
   3. Vectors and Matrices
4. Color
   1. Background
   2. Color Models
5. 2D Concepts
   1. Primitives: Attributes and Algorithms
   2. Transformations and Homogeneous Coordinate Systems
   3. Clipping
   4. Modeling vs Viewing Coordinates
   5. Rasterization
6. 3D Graphics
   1. Projections
   2. Polygon Surface Rendering
   3. Hidden Surface Removal
7. Light and Color
   1. Color Models
   2. Lighting Model
   3. Phong Shading