Repository of Online Lectures

Click here to Load Page with Embedded Videos


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  

Click here to Load Page with Embedded Videos