Syllabus

Week 1: 22 Feb 2018

• Introduction; Detailed Outline and Examples; Example Code in JS; What is Computer Graphics?; Image Formation
• Read: Angel, ch. 1
• Lecture 1

Week 2: 01 Mar 2018

• Basic WebGL Graphics; Simple Examples
• Read: Angel, ch. 2
• Lecture 2

Week 3: 08 Mar 2018

• Shaders; Primitives; Color; Attributes; GLSL; 3D
• Read: Angel, ch. 2
• Lecture 3

Week 4: 15 Mar 2018

• Input and interaction; Animation; Working with callbacks; Position input; Picking; Geometry
• Read: Angel, ch. 3
• Lecture 4

Week 5: 22 Mar 2018

• Representation; Homogeneous Coordinates; Transformations; WebGL Transformations; Applying Transformations
• Read: Angel, ch. 4
• Lecture 5

Week 6: 29 Mar 2018

• Building Models; The Rotating Square; Classical Viewing; Computer Viewing; Positioning the Camera; Projection
• Read: Angel, ch. 4, 5
• Lecture 6

Week 7: 05 Apr 2018

• Orthogonal Projection Matrices; Perspective Projection Matrices; Meshes; Shadows
• Read: Angel, ch. 5, 6
• Lecture 7

12 Apr 2018

• Easter Holiday

Week 8: 19 Apr 2018

• Lighting and Shading; Lighting and Shading in WebGL; Polygonal Shading; Shaders - Vertex, Fragment
• Read: Angel, ch. 6
• Lecture 8

Week 9: 26 Apr 2018

• Buffers; BitBlt; Texture Mapping; WebGL Texture Mapping
• Read: Angel, ch. 7
• Lecture 9

Week 10: 03 May 2018

• Reflection and Environment Maps; Bump Maps; Compositing and Blending; Imaging Applications; Fractals - Mandelbrot
• Read: Angel, ch. 7
• Lecture 10

Week 11: 10 May 2018

• Framebuffer Objects; Render to Texture; Buffer Switching; Picking by Color
• Read: Angel, ch. 7, 10
• Lecture 11

Week 12: 17 May 2018

• Hierarchy; Scene Graphs; Rendering Overview
• Read: Angel, ch. 9
• Lecture 12

Week 13: 24 May 2018

• Projects Session

Week 14: 31 May 2018

• Projects Session