Overview
DoC course code CO317
Note that this course has been timetabled for 2 hours per week:
- Friday, 11-13h
- http://shaderlabweb.doc.ic.ac.uk/ and MS Teams for lab
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 2022])
Timetable
Week 1 (starting 10th January) | ||||
No lectures, no tutorials. | ||||
Week 2 (starting 17th January) | getting up to speed. | |||
online | pre-recorded + live session | 00 Logistics (YouTube) 01 Projections and Transformations (YouTube) 02 Transformations for animation (YouTube ) 03 Clipping and 3D Geometry (YouTube) | Lecture | Kainz |
notes | N00 Logistics N01 Projections and Transformations N02 Animation N03 Clipping S01 Projections and Transformations S02 Animation S03 Clipping | |||
Friday 11-12 | MS Teams/308 (planned) | MS Teams | Q&A | Kainz, Hou, Reynaud, Baugh, Ma, Li |
Friday 12-13 | MS Teams Lab Queue | MS Teams T01 3D space and transformations | Tutorial | Hou, Hou, Reynaud, Baugh, Ma, Li |
solution: CATe | Coursework Task 1 | not assessed | Kainz, Hou, Reynaud, Baugh, Ma, Li | |
Week 3 (starting 24th January) | ||||
online | pre-recorded + live session | 04 Graphics Pipeline and APIs (YouTube) 05 Shading languages (YouTube) | Lecture | Kainz |
notes | N0405 Graphics pipeline S04 Graphics pipeline S05 shading languages | |||
Friday 11-12 | MS Teams | MS Teams | Q&A | Kainz, Hou, Reynaud, Baugh, Ma, Li |
Friday 12-13 | MS Teams Lab Queue | MS Teams Lab: Getting started with GLSL | Tutorial | Kainz, Hou, Reynaud, Baugh, Ma, Li |
solution: CATe | Coursework Task 2 | not assessed | Kainz, 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 | Lecture | Ghosh |
notes | N06 Illumination N07 Color N08 Texture | |||
Friday 11-12 | MS Teams/308 (planned) | MS Teams | Q&A | Ghosh, Hou, Reynaud, Baugh, Ma, Li |
Friday 12-13 | MS Teams Lab Queue | MS Teams T02 Illumination, Shading & Color Lab: Illumination, Shading & Color | Tutorial | Ghosh, Hou, Reynaud, Baugh, Ma, Li |
deadline: 11 Feb 2021, 19:00 | Coursework Task 3 | assessed | Ghosh, Hou, Reynaud, Baugh, Ma, Li | |
Week 5 (starting 07th February) | ||||
Friday 11-12 | MS Teams/ 308 (planned) | 08 Texture Mapping 09 Rasterization, Visibility & Anti-aliasing | Lecture | Ghosh |
notes | N09 Rasterization | |||
Friday 11-12 | MS Teams/ 308 (planned) | MS Teams | Q&A | Ghosh, Hou, Reynaud, Baugh, Ma, Li |
Friday 12-13 | MS Teams Lab Queue | MS Teams T03 Texture Mapping Lab: Texture | Tutorial | Ghosh, Hou, Reynaud, Baugh, Ma, Li |
solution: CATe | Coursework Task 4 | not assessed | Ghosh, Hou, Reynaud, Baugh, Ma, Li | |
Week 6 (starting 14th February) | ||||
Friday 11-12 | MS Teams/ 308 (planned) | 10 Ray Tracing I 11 Ray Tracing II | Lecture | Ghosh |
notes | N1011 RayTracing | |||
Friday 11-12 | MS Teams/ 308 (planned) | MS Teams | Q&A | Ghosh, Hou, Reynaud, Baugh, Ma, Li |
Friday 12-13 | MS Teams Lab Queue | MS Teams T04 Ray Tracing | Tutorial | Ghosh , Hou, Reynaud, Baugh, Ma, Li |
deadline: 18 Feb 2021, 19:00 | Coursework Task 5 | assessed | Ghosh, Hou, Reynaud, Baugh, Ma, Li | |
Week 7 (starting 21th February) | ||||
Friday 11-12 | MS Teams/ 308 (planned) | 12 Spline Curves (YouTube) 13 Spline Surfaces (YouTube) | Lecture | Kainz |
notes | N12 Spline curves N13 Spline Surfaces | |||
Friday 11-12 | MS Teams/ 308 (planned) | MS Teams | Q&A | Kainz, Hou, Reynaud, Baugh, Ma, Li |
Friday 12-13 | MS Teams Lab Queue | MS Teams T05 Splines | Tutorial | Kainz , Hou, Reynaud, Baugh, Ma, Li |
deadline: 11 Mar 2021, 19:00 | Coursework Task 6 | assessed | Kainz , Hou, Reynaud, Baugh, Ma, Li | |
Week 8 (starting 28th Feb) | ||||
online | pre-recorded/live | 14 Radiosity 15 Special Effects | Lecture | Ghosh/Kainz |
notes | N14 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 | Tutorial | Ghosh, Hou, Reynaud, Baugh, Ma, Li |
deadline: 11 Mar 2021, 19:00 | Coursework Task 6 | assessed | Ghosh , Kainz, Hou, Reynaud, Baugh, Ma, Li | |
Week 9 (starting 7th March) | ||||
– | – | no lecture or tutorial | – | – |
Coursework
There will be six practical coursework tasks; three of them are assessed:
- Framework
- Transformations
- Illumination (example output 3a 3b 3c 3d) (assessed 40%)
- Colour (example output)
- Texture & Render to Texture (example output 5a 5b 5c) (assessed 10%)
- 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:

Beauty contest 2022
technical achievement



scene composition



Beauty contest 2021
technical achievement


scene composition

