Class Notes

• Some comments.
• Graphics Systems Basics
• HTML, Javascript and the HTML5 canvas
  • Introduction to HTML
  • The HTML canvas
  • A more complex example.
  • Improving the code.
  • Objects.
  • Arrays and Finish
• Chapter 1
  • Overview of Images
  • Graphics Architectures and Pipelines
• Chapter 2
  • The Sierpinski Gasket
  • The Sierpinski Gasket WebGL: Part 1
  • The Sierpinski Gasket WebGL: Part 2
  • Simple VBOs and More
  • Some Chapter 2 Clean Up
• Chapter 3
  • A simple animated program.
  • Some correct animated programs.
  • Eventful notes.
  • Changing Windows!
• Getting ready for 3D
  • Wireframes
  • Clean Up
  • Off Files
• Chapter 4
  • Cross and Dot Products
  • For experimentation in 3d,
    • Look at this demo (Cleaned up 10/31)
  • We discussed This Demo on 10/30
    • Display of multiple off-js objects.
    • Probably the base you want to use for the next project.
    • Changes
      • Canvas has been cleaned up.
      • Callback function moved out of canvas
      • Canvas has methods for changing rotation/reset
      • Php file modified, but you really don't care about that.
      • New main.js holds initialization routines, callback function
      • new modelDisplay.js holds modelDisplay class.
      • At Gabe's suggestion 'use strict'; added to all .js files
  • A demo of transformations.
• Chapter 5
  • Camera!
  • Ortho Projection with a View Volume
  • Finishing Projections
• Chapter 6
  • Lights
  • More Lights
  • Shiny Lights
  • Finishing Lighting/Shading
  • A potentially useful demo
• Chapter 8
  • Intro to Clipping
  • Line Drawing

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