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 Scienta 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 2023])

Timetable

Week 1 (starting 9th January)   
     
  No lectures, no tutorials.  
     
Week 2 (starting 16th January)getting up to speed.   
onlinepre-recorded + live session 00 Logistics (YouTube)
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, Reynaud, Baugh, Ma, Li, TBA
Friday 12-13MS Teams Lab QueueMS Teams
T01 3D space and transformations
TutorialReynaud, Baugh, Ma, Li, TBA
solution: CATe Coursework Task 1not assessedKainz, Reynaud, Baugh, Ma, Li, TBA
     
Week 3 (starting 23rd 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 30st January)   
Friday 11-12 MS Teams/ 308 (planned)06 Illumination, Shading & Color I
07 Illumination, Shading & Color II
LectureKainz
notesN06 Illumination
N07 Color
N08 Texture
Friday 11-12 MS Teams/308 (planned) MS Teams Q&AKainz, Reynaud, Baugh, Ma, Li, TBA
Friday 12-13 MS Teams Lab Queue MS Teams
T02 Illumination, Shading & Color
Lab: Illumination, Shading & Color
TutorialKainz, Reynaud, Baugh, Ma, Li, TBA
deadline: TBA, 19:00  Coursework Task 3assessedKainz, Reynaud, Baugh, Ma, Li, TBA
     
Week 5 (starting 06th February)   
Friday 11-12 MS Teams/ 308 (planned) 08 Texture Mapping
09 Rasterization, Visibility & Anti-aliasing
LectureKainz
notesN09 Rasterization
Friday 11-12 MS Teams/ 308 (planned) MS Teams Q&AKainz, Reynaud, Baugh, Ma, Li, TBA
Friday 12-13 MS Teams Lab Queue MS Teams
T03 Texture Mapping
Lab: Texture
TutorialKainz, Reynaud, Baugh, Ma, Li, TBA
solution: CATe Coursework Task 4not assessedKainz, Reynaud, Baugh, Ma, Li, TBA
     
Week 6 (starting 13th February)   
Friday 11-12 MS Teams/ 308 (planned) 10 Ray Tracing I
11 Ray Tracing II
Lecture Rueckert
notesN1011 RayTracing
Friday 11-12 MS Teams/ 308 (planned) MS Teams Q&ARueckert, Reynaud, Baugh, Ma, Li, TBA
Friday 12-13 MS Teams Lab Queue MS Teams
T04 Ray Tracing 
TutorialRueckert, Reynaud, Baugh, Ma, Li, TBA
deadline: TBA, 19:00  Coursework Task 5assessedRueckert, Reynaud, Baugh, Ma, Li
     
Week 7 (starting 20th February)   
Friday 11-12 MS Teams/ 308 (planned) 12 Spline Curves (YouTube)
13 Spline Surfaces (YouTube)
Lecture Rueckert
notesN12 Spline curves
N13 Spline Surfaces
Friday 11-12 MS Teams/ 308 (planned) MS Teams Q&ARueckert, Reynaud, Baugh, Ma, Li, TBA
Friday 12-13 MS Teams Lab Queue MS Teams
T05 Splines 
TutorialRueckert, Reynaud, Baugh, Ma, Li, TBA
deadline: TBA, 19:00 Coursework Task 6 assessedRueckert, Reynaud, Baugh, Ma, Li, TBA
     
Week 8 (starting 27th Feb)   
onlinepre-recorded/live14 Radiosity
15 Special Effects
LectureRueckert
notesN14 Radiosity
Friday 11-12 MS Teams MS Teams Q&A Rueckert, Reynaud, Baugh, Ma, Li, TBA
Friday 12-13 MS Teams Lab Queue MS Teams
T06
Radiosity and Raytracing

Lab: Ray Tracing
TutorialRueckert, Reynaud, Baugh, Ma, Li, TBA
 
deadline: TBA, 19:00  Coursework Task 6assessedRueckert, Reynaud, Baugh, Ma, Li, TBA
Week 9 (starting 7th March)   
Revision
Lab: Ray Tracing
Rueckert, Reynaud, Baugh, Ma, Li, TBA
 
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 2022

technical achievement

scene composition

Beauty contest 2021

technical achievement

scene composition