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 2023])
Timetable
| Week 1 (starting 9th January) | ||||
| No lectures, no tutorials. | ||||
| Week 2 (starting 16th 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, Reynaud, Baugh, Ma, Li, TBA |
| Friday 12-13 | MS Teams Lab Queue | MS Teams T01 3D space and transformations | Tutorial | Reynaud, Baugh, Ma, Li, TBA |
| solution: CATe | Coursework Task 1 | not assessed | Kainz, Reynaud, Baugh, Ma, Li, TBA | |
| Week 3 (starting 23rd 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 30st January) | ||||
| Friday 11-12 | MS Teams/ 308 (planned) | 06 Illumination, Shading & Color I 07 Illumination, Shading & Color II | Lecture | Kainz |
| notes | N06 Illumination N07 Color N08 Texture | |||
| Friday 11-12 | MS Teams/308 (planned) | MS Teams | Q&A | Kainz, Reynaud, Baugh, Ma, Li, TBA |
| Friday 12-13 | MS Teams Lab Queue | MS Teams T02 Illumination, Shading & Color Lab: Illumination, Shading & Color | Tutorial | Kainz, Reynaud, Baugh, Ma, Li, TBA |
| deadline: TBA, 19:00 | Coursework Task 3 | assessed | Kainz, 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 | Lecture | Kainz |
| notes | N09 Rasterization | |||
| Friday 11-12 | MS Teams/ 308 (planned) | MS Teams | Q&A | Kainz, Reynaud, Baugh, Ma, Li, TBA |
| Friday 12-13 | MS Teams Lab Queue | MS Teams T03 Texture Mapping Lab: Texture | Tutorial | Kainz, Reynaud, Baugh, Ma, Li, TBA |
| solution: CATe | Coursework Task 4 | not assessed | Kainz, 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 |
| notes | N1011 RayTracing | |||
| Friday 11-12 | MS Teams/ 308 (planned) | MS Teams | Q&A | Rueckert, Reynaud, Baugh, Ma, Li, TBA |
| Friday 12-13 | MS Teams Lab Queue | MS Teams T04 Ray Tracing | Tutorial | Rueckert, Reynaud, Baugh, Ma, Li, TBA |
| deadline: TBA, 19:00 | Coursework Task 5 | assessed | Rueckert, 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 |
| notes | N12 Spline curves N13 Spline Surfaces | |||
| Friday 11-12 | MS Teams/ 308 (planned) | MS Teams | Q&A | Rueckert, Reynaud, Baugh, Ma, Li, TBA |
| Friday 12-13 | MS Teams Lab Queue | MS Teams T05 Splines | Tutorial | Rueckert, Reynaud, Baugh, Ma, Li, TBA |
| deadline: TBA, 19:00 | Coursework Task 6 | assessed | Rueckert, Reynaud, Baugh, Ma, Li, TBA | |
| Week 8 (starting 27th Feb) | ||||
| online | pre-recorded/live | 14 Radiosity 15 Special Effects | Lecture | Rueckert |
| notes | N14 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 | Tutorial | Rueckert, Reynaud, Baugh, Ma, Li, TBA |
| deadline: TBA, 19:00 | Coursework Task 6 | assessed | Rueckert, Reynaud, Baugh, Ma, Li, TBA | |
| Week 9 (starting 7th March) | ||||
| – | – | Revision Lab: Ray Tracing | – | Rueckert, Reynaud, Baugh, Ma, Li, TBA |
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
