CPSC 314 Computer Graphics 2014WT2 (Jan-Apr 2015)

Lecture Notes

L	Date	Topics	Notes	Text Chapter
1	01-05	Course Intro	L1	1
2	01-07	OpenGL,WebGL,Three.js	L2	1
3	01-09	Points and Vectors	L3	2
4	01-12	Nuts and bolts, GLSL	L4	A
5	01-14	Linear transformations	L5	2
6	01-16	Affine spaces	L6	3.1-3.4
7	01-19	Affine transforms	L7	2.5, 3
8	01-21	Rotations, Frames	L8	2.5, 4.1
9	01-23	Frames and their uses	L9	4, 5.1
10	01-26	Quiz 1 prep, Frames	L10	5.1
11	01-28	Aux frames, review	L11	5.2
	01-30	Quiz 1
12	02-02	A1 spotlight, Transform wrapup	L12	5.4
13	02-04	Cameras and Projection	L13	10
14	02-06	Orthographic Projection	L14
15	02-11	Perspective Projection	L15	10,11
16	02-13	Rasterization, Shading	L16	12,14
		Reading week, no class
17	02-23	Shading and Lighting	L17	14
18	02-25	Normals, Shading misc.	L18	3.6, 14
19	02-27	Shading wrapup, Quiz 2 prep	L19
20	03-02	Interpolation part 1, Quiz 2	L20	9
	03-04	Quiz 2
21	03-06	Interpolation part 1, wrapup	L21	9
22	03-09	Texture mapping	L22	A4, 15
23	03-11	Texture coordinates	L23	A4, 15
24	03-13	Texture coordinate generation	L24	15
25	03-16	Applications, review	L25
26	03-18	Projection, interpolation, depth	L26	13, 11.2,15
27	03-20	Depth and Shadows, Q3 prep	L27	11
28	03-23	Sampling, Texture Viewport	L28	16, 12.3
29	03-25	Coverage, Alpha	L29	16
	03-27	Quiz 3
30	03-30	Compositing	L30	16
31	04-01	Reconstruction, Q3 sol	L31	17
	04-03	No class, stat. holiday
	04-06	No class, stat. holiday
32	04-08	Resampling, Exam prep	L32	18
33	04-10	Review	L33

Assignments

A	Spec	Code	Preview	Released	Due
1	a1.pdf	A1.zip	A1.html	01-12	01-23
2	a2.pdf	A2.zip	A2.html	02-06	02-20
3	a3.pdf	A3.zip	A3.html	02-26	03-13
4	a4.pdf	A4.zip	A4.html	03-20	04-02

Three.js Resources

The official Three.js documentation is the best resource. Start with this introduction.

See the wiki for more information, including pointers to several tutorials on the Web.

You can code and run small programs immediately using this html editor.

An excellent interactive demo of the transformations in the OpenGL/WebGL graphics pipeline is here: http://www.realtimerendering.com/udacity/transforms.html

WebGL Resources

The authoritative source is Khronos's WebGL portal.

Setting up your browser to run WebGL: http://get.webgl.org/

Books:

WebGL Programming Guide by Matsuda and Lea. (code)
WebGL: Up and Running by Parisi.

There are several good tutorials on the Web, such as Learning WebGL.

JavaScript resources

There are a huge number of resources available, due to the widespread use of this language. We will just need basic working knowledge.

Books:

Eloquent JavaScript by Marijn Haverbeke. Second Edition available from the author's website.
JavaScript: the good parts by Douglas Crockford.

Tutorials:

OpenGL Resources

We are not dirctly using OpenGL in this course. However, since OpenGL is older, there are a lot of resources available. GLSL programs there should be directly relevant to us.

Books

OpenGL Programming Guide, 8th Edition (Red Book). This is the official guide, and includes GLSL. Try to get the latest

edition, since OpenGL has changed a lot. The 7th edition may be OK, but earlier ones are not useful for this course.

OpenGL Superbible (Blue Book). A more tutorial introduction to OpenGL.
OpenGL 4.0 Shading Language Cookbook. Particularly useful if you already know ``old style'' OpenGL.

Useful tutorials on the web

OpenGL.org has latest documentation and reference material.
http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/
http://www.arcsynthesis.org/gltut/

Similar Courses

Courses using the same textbook

Harvard, Prof. Gortler
KAIST, Prof. Kim

MOOCs

Udacity, Eric Haines, Autodesk. Note: this course uses WebGL.
edX (BerkeleyX), Prof. Ramamoorthi

Previous 314 offerings

Here are the two previous terms:

http://www.ugrad.cs.ubc.ca/~cs314/Vsep2014/
http://www.ugrad.cs.ubc.ca/~cs314/Vjan2014/
Extrapolate the pattern for earlier years, but note that the course changed quite a bit since the Jan 2014 offering.