Repository of Online Lectures

Click here to Load Basic HTML Page without Embedded Videos (only links)

These online lectures are provided as a supplementary resource, being a review of the main topics in CSE 167. Usual caveats apply, in that not all topics (notably curves) are included, and that some material may be superseded by newer concepts. The lectures were originally created for Berkeley's CS 184 class when I taught it in Fall 2012. The same lectures are available on edX, and are also a public resource, intended to be a complete self-contained introduction to computer graphics. The lecture materials here are updated to modern OpenGL 3.1 and GLSL 330.
Lecture Formats: The lectures are in HD 720p (suitable for full-screen viewing if desired). They are hosted on our YouTube Channel (please subscribe to receive updates as new lectures are posted). The summary below includes the YT  link for the YouTube video page (the main link is to the YouTube playlist for that lecture). The videos are all captioned; we also provide the transcript TXT and PDF of slides (contact us if you want PPT).
Note that transcripts are mostly accurate but not perfect. Captioning can obscure slides especially at low-resolution. If this is a problem, consider using the interactive transcript feature on YouTube instead. Slides are reformatted for widescreen and may differ slightly from those for local CSE 167, including older OpenGL style.
Credits: The course is taught by Prof. Ravi Ramamoorthi, and most of the development of assignment feedback and lecture support was originally provided by Nicholas Estorga and Brandon Wang. Many other colleagues and students have contributed ideas over the years. The outreach effort is funded in part by NSF grants 1011832 and 1451828. (Standard disclaimer: The content is our own and does not express the views of the NSF).

Lecture Summary

Lecture Series Segments
1. Course Overview   PDF Motivation    YT  TXT | Outline and Logistics   YT  TXT | History of Computer Graphics   YT  TXT
2. Basic Math   PDF   Vectors and Dot Products   YT  TXT  | Cross Products    YT  TXT  | Creating a Coordinate Frame   YT  TXT  | Matrices   YT  TXT  
3. Transformations 1   PDF Basic 2D Transformations   YT  TXT  | Composing Transformations    YT  TXT  | 3D Rotations   YT  TXT
4. Transformations 2   PDF Homogeneous Coordinates   YT  TXT  | Normals    YT  TXT  | Rotations, Coordinate Frames   YT  TXT  | gluLookAt   YT  TXT
5. Viewing   PDF   Orthographic Projection   YT  TXT  | Perspective Projection    YT  TXT  | gluPerspective   YT  TXT
6. OpenGL 1   PDF Overview   YT  TXT  | Buffers and Matrices    YT  TXT  | CallBacks   YT  TXT  | Drawing   YT  SRT  | Shaders   YT  SRT
7. OpenGL Shading   PDF Motivation   YT  TXT  | Gouraud and Phong    YT  SRT  | Lighting and Shading   YT  TXT  | Fragment Shader   YT  SRT  
8. OpenGL 2   PDF  Geometry   YT  SRT  | Matrix Stacks    YT  SRT  | Z Buffer   YT  TXT  | Animation   YT  SRT  | Texture   YT  SRT  
9. Ray Tracing 1   PDF  Ray Casting    YT  TXT  | Shadows and Reflections    YT  TXT  | Intersections    YT  TXT  | Optimizations    YT  TXT  
10. Ray Tracing 2   PDF  Camera Ray Casting    YT  TXT  | Ray-Object Intersections    YT  TXT  | Lighting    YT  TXT  | Recursive Ray Tracing    YT  TXT  


1. Course Overview

2. Basic Math

3. Transformations I

4. Transformations 2

5. Viewing

6. OpenGL 1

7. OpenGL Shading

8. OpenGL 2

9. Ray Tracing 1

10. Ray Tracing 2