60005 Computer Graphics

Overview

DoC course code CO317

Note that this course has been timetabled for 2 hours per week:

However, not all timetabled slots will be used every week so please check the timetable below for more information. All notes, tutorials and coursework (including coursework hand-out/in dates) can be found on Materials and CATe. Revision notes on vector algebra can be found here. A coordinate system refresher here and here.

Questions can be discussed on the course’s edstem forum (60005 Graphics [Spring 2022])

Timetable

Week 1 (starting 10th January)   
     
  No lectures, no tutorials.  
     
Week 2 (starting 17th January)getting up to speed.   
onlinepre-recorded + live session 00 Logistics
01 Projections and Transformations (YouTube)
02 Transformations for animation (YouTube )
03 Clipping and 3D Geometry (YouTube)
LectureKainz
notesN00 Logistics
N01 Projections and Transformations
N02 Animation
N03 Clipping
S01 Projections and Transformations
S02 Animation
S03 Clipping
Friday 11-12MS Teams/308 (planned)MS Teams Q&AKainz, Hou, Reynaud, Baugh, Ma, Li
Friday 12-13MS Teams Lab QueueMS Teams
T01 3D space and transformations
TutorialHou, Hou, Reynaud, Baugh, Ma, Li
solution: CATe Coursework Task 1not assessedKainz, Hou, Reynaud, Baugh, Ma, Li
     
Week 3 (starting 24th January)   
onlinepre-recorded + live session 04 Graphics Pipeline and APIs (YouTube)
05 Shading languages (YouTube)
LectureKainz
notesN0405 Graphics pipeline
S04 Graphics pipeline
S05 shading languages
Friday 11-12 MS Teams MS Teams Q&AKainz, Hou, Reynaud, Baugh, Ma, Li
Friday 12-13 MS Teams Lab Queue MS Teams
Lab: Getting started with GLSL
TutorialKainz, Hou, Reynaud, Baugh, Ma, Li
solution: CATe Coursework Task 2not assessedKainz, Hou, Reynaud, Baugh, Ma, Li
     
Week 4 (starting 31st January)   
Friday 11-12 MS Teams/ 308 (planned)06 Illumination, Shading & Color I
07 Illumination, Shading & Color II
LectureGhosh
notesN06 Illumination
N07 Color
N08 Texture
Friday 11-12 MS Teams/308 (planned) MS Teams Q&AGhosh, Hou, Reynaud, Baugh, Ma, Li
Friday 12-13 MS Teams Lab Queue MS Teams
T02 Illumination, Shading & Color
Lab: Illumination, Shading & Color
TutorialGhosh, Hou, Reynaud, Baugh, Ma, Li
deadline: 04 Feb 2021, 19:00  Coursework Task 3assessedGhosh, Hou, Reynaud, Baugh, Ma, Li
     
Week 5 (starting 08th February)   
Friday 11-12 MS Teams/ 308 (planned) 08 Texture Mapping
09 Rasterization, Visibility & Anti-aliasing
Lecture Ghosh
notesN09 Rasterization
Friday 11-12 MS Teams/ 308 (planned) MS Teams Q&AGhosh, Hou, Reynaud, Baugh, Ma, Li
Friday 12-13 MS Teams Lab Queue MS Teams
T03 Texture Mapping
Lab: Texture
TutorialGhosh, Hou, Reynaud, Baugh, Ma, Li
solution: CATe Coursework Task 4not assessedGhosh, Hou, Reynaud, Baugh, Ma, Li
     
Week 6 (starting 15th February)   
Friday 11-12 MS Teams/ 308 (planned) 10 Ray Tracing I
11 Ray Tracing II
Lecture Ghosh
notesN1011 RayTracing
N12 Splines
Friday 11-12 MS Teams/ 308 (planned) MS Teams Q&AGhosh, Hou, Monteiro,
Reynaud
Friday 12-13 MS Teams Lab Queue MS Teams
T04 Ray Tracing 
TutorialGhosh , Hou, Monteiro,
Reynaud
deadline: 04 Mar 2021, 19:00  Coursework Task 5assessedGhosh, Hou, Monteiro,
Reynaud
     
Week 7 (starting 22th February)   
Friday 11-12 MS Teams/ 308 (planned) 12 Splines I
13 Splines II
Lecture Kainz
notesN13 Spline Surfaces
N14 Warping and Morphing
Friday 11-12 MS Teams/ 308 (planned) MS Teams Q&AKainz, Hou, Monteiro,
Reynaud
Friday 12-13 MS Teams Lab Queue MS Teams
T05 Splines 
TutorialKainz , Hou, , Monteiro,
Reynaud
deadline: 11 Mar 2021, 19:00 Coursework Task 6 assessedKainz , Hou, , Monteiro,
Reynaud
     
Week 8 (starting 01st March)   
onlinepre-recorded15 Radiosity
16 Special Effects
Lecture Ghosh/Kainz
notesN15 Radiosity
Friday 11-12 MS Teams MS Teams Q&A Ghosh/Kainz
Friday 12-13 MS Teams Lab Queue MS Teams
T06
Radiosity and Raytracing

Lab: Ray Tracing
TutorialKainz, Ghosh, Hou, , Monteiro,
Reynaud
 
deadline: 11 Mar 2021, 19:00  Coursework Task 6assessedKainz, Hou, , Monteiro,
Reynaud
Week 9 (starting 8th March)   
no lecture or tutorial
 
Schedule

Coursework

There will be six practical coursework tasks; three of them are assessed:

  1. Framework
  2. Transformations
  3. Illumination (example output 3a 3b 3c 3d) (assessed 40%)
  4. Colour (example output)
  5. Texture & Render to Texture (example output 5a 5b 5c) (assessed 10%)
  6. Simple GPU ray tracing (example output 6a, 6b) (50%)

The individual tasks of the coursework will be implemented using a simplified framework for shader development: http://shaderlabweb.doc.ic.ac.uk/

The ShaderLabWeb Framework

ShaderLabWeb is a teaching tool to solidify the fundamentals of Computer Graphics. The ShaderLabWeb framework is based on JavaScript, Node.js, WebGL, and GLSL and allows the student to modify GLSL shaders in an IDE-like environment. The framework is able to render shaded polyhedral geometry (.off/.obj), supports image-based post-processing, and  allows to implement simple ray-tracing algorithms.

newer version 2021, same concept as above but supports several render passes now:

ShaderLabWeb 2021

Beauty contest 2021

technical achievement

scene composition