Class Notes

• Some Some starting thoughts.
• Setting up your environment
  • Code for this section
• Intro to Javascript (Read chapters 1-6 of the javascript book)
  • An overview of chapter one
  • An overview of chapter two
    • Homework from chapter 2
    • Class Work, Aug 21
  • functions
  • Some Primitives and Attributes of the HTML5 Canvas
    • The Cartesian Coordinates demo, clean with code
    • Class work for Aug 26
  • A growing depository of javascript code is here
    • Some may need improvement, but it works.
  • Polar Coordinates
    • The Notes
    • The demo with code but no notes
  • Arrays
    • The demo with code but no notes
  • Objects (probably structs to you)
    • The demo with code but no notes
  • Classes
    • The demo with code but no notes
  • Some of the code from this section
• Events
  • Introduction
  • Events in the Canvas
• Basic Collision
  • Introduction and Circle/Circle
  • circle demo
  • Line Circle
  • line demo
  • Two rectangles
  • rectangle demo
• Liner Interpolation
  • Notes
  • demo of lerp
• Color
  • Intro
  • Two Color Spaces
  • Code for this Section
• Lines
  • Line Drawing Algorithms
  • Code for this Section
• Polygons
  • Drawing Polygons
  • Code for this Section
• Transformations
  • Introduction
  • Rotation, Combining Transformations and Coordinate Systems.
  • Code for this Section
• Moving in a reasonable way.
  • very short notes
  • A demo I spent way too much time on.
• Clipping
  • Three clipping techniques
  • A demo That again I spent way too much time on.
• Intro to OpenGL
  • OpenGL Reference
    • WebGL is an nearly complete implementation of OpenGL ES 2.0
    • Some Cool Demos
  • Overview
  • An introduction to WebGL
  • Code for this section
• The Pinhole Camera
• Moving Data to the GPU
  • Review of Homework 5
  • A few more scenarios
• Drawing Triangles in OpenGL
  • Triangles
  • MV.js
  • Simple Demo
  • More WebGL
  • Barycentric Coordinates
• some models
• Viewing and Transformations
  • Shader notes from 11/13
  • Projection and Viewing
  • Final word on Coordinate Systems
  • The video to go with the above notes
  • Moving around in space
• Shading

• 8/17
• 8/21
• 8/24
• 8/26
• 8/28
• 8/31
• 9/2 Note, this recording may be missing some portions.
• 9/4
• 9/9
• 9/11
• 9/14
• 9/16
• 9/18 (Recorded locally instead of cloud, local mp4 movie)
• 9/21
• 9/23
• 9/25
• 9/28
• 9/30
• 10/2 - sorry, I must have forgotten to record this session.
• 10/5
• 10/7
• 10/9
• 10/12
• 10/14
• 10/16
• 10/16
• 10/19
• 10/21
• 10/26
• 10/28
• 10/30
• 11/2
• 11/4
• 11/6
• 11/9
• 11/11
• 11/13
• 11/18

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