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 coursework
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]) and our lab queue on MS Teams.
Timetable
| Week 1 (starting 9th January) | ||||
| No lectures, no tutorials. | ||||
| Week 2 (starting 16th January) | getting up to speed. | |||
| 311+online Friday 11-12:30 | pre-recorded + live session | 00 Logistics 01 Projections and Transformations (YouTube) 02 Transformations for animation (YouTube ) 03 Clipping and 3D Geometry (YouTube) | Lecture | Kainz/Rueckert |
| notes | N00 Logistics N01 Projections and Transformations N02 Animation N03 Clipping S01 Projections and Transformations S02 Animation S03 Clipping | |||
| Friday 12:30-13:00 | MS Teams/308 (planned) | MS Teams | Q&A | Reynaud, Baugh, Ma, Li, TBA |
| Friday 12:30-13:00 | MS Teams Lab Queue | MS Teams T01 3D space and transformations | Tutorial | Reynaud, Baugh, Ma, Li, TBA |
| solution: CATe 2 weeks after deadline | Coursework Task 1 | not assessed | Kainz, Reynaud, Baugh, Ma, Li, TBA | |
| Week 3 (starting 23rd January) | ||||
| 311+online Friday 11-12:30 | 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 12:30-13:00 | MS Teams | MS Teams | Q&A | Kainz, Reynaud, Baugh, Ma, Li |
| Friday 12:30-13:00 | MS Teams Lab Queue | MS Teams Lab: Getting started with GLSL | Lab queue | Kainz, Hou, Reynaud, Baugh, Ma, Li |
| solution: CATe 2 weeks after deadline | Coursework Task 2 | not assessed | Kainz, Hou, Reynaud, Baugh, Ma, Li | |
| Week 4 (starting 30st January) | ||||
| 311+online 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 solution 2 weeks after deadline on CATe | Coursework Task 3 | assessed | Kainz, Reynaud, Baugh, Ma, Li, TBA | |
| Week 5 (starting 06th February) | ||||
| 311+online 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 2 weeks after deadline | Coursework Task 4 | not assessed | Kainz, Reynaud, Baugh, Ma, Li, TBA | |
| Week 6 (starting 13th February) | ||||
| 311+online 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 solution 2 weeks after deadline on CATe | Coursework Task 5 | assessed | Rueckert, Reynaud, Baugh, Ma, Li | |
| Week 7 (starting 20th February) | ||||
| 311+online 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 solution 2 weeks after deadline on CATe | Coursework Task 6 | assessed | Rueckert, Reynaud, Baugh, Ma, Li, TBA | |
| Week 8 (starting 27th Feb) | ||||
| 311+online Friday 11-12 | pre-recorded/live | 14 Radiosity 15 Special Effects | Lecture | Rueckert, Kainz, Ball |
| 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 | Tutorial | Rueckert, Reynaud, Baugh, Ma, Li, TBA |
| deadline: TBA, 19:00 solution 2 weeks after deadline on CATe | Coursework Task 6 | assessed | Rueckert, Reynaud, Baugh, Ma, Li, TBA | |
| Week 9 (starting 7th March) | ||||
| online | – | Revision | – | Rueckert, Kainz, 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
