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
|