60005/70090 Computer Graphics from 2025

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]) and our lab queue on MS Teams.

Timetable

Week 1 (starting 13th January)   
     
  No lectures, no tutorials.  
     
Week 2 (starting 20th 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)
LectureKainz
notesN00 Logistics
N01 Projections and Transformations
N02 Animation
N03 Clipping
S01 Projections and Transformations
S02 Animation
S03 Clipping
Friday 12:30-13:00MS Teams/311 (planned)MS Teams Q&ABaugh and team
Friday 12:30-13:00MS Teams Lab QueueMS Teams
T01 3D space and transformations
TutorialBaugh and team
solution: Scientia
2 weeks after deadline
 Coursework Task 1not assessedteam
     
Week 3 (starting 27th January)   
311+online
Friday 11-12:30
pre-recorded + live session watch videos:
04 Graphics Pipeline and APIs (YouTube)
05 Shading languages (YouTube)
watch videos and in class discussion:
06 Illumination, Shading & Color I
07 Illumination, Shading & Color II
LectureKainz
notesN0405 Graphics pipeline
S04 Graphics pipeline
S05 shading languages
N06 Illumination
N07 Color
N08 Texture
Friday 12:30-13:00 MS Teams MS Teams Q&ACechnicka and team
Friday 12:30-13:00MS Teams Lab Queue MS Teams
Lab: Getting started with GLSL
T02 Illumination, Shading & Color
Lab: Illumination, Shading & Color
Lab queue/TutorialCechnicka and team
solution: CATe
2 weeks after deadline
 Coursework Task 2not assessedteam
     
Week 4 (starting 03rd February)   
311+online
Friday 11-12
MS Teams/ 311 (planned)08 Texture Mapping
09 Rasterization, Visibility & Anti-aliasing
LectureKainz
notesN09 Rasterization
Friday 11-12 MS Teams/311 (planned) MS Teams Q&A team
Friday 12-13 MS Teams Lab Queue MS Teams
T03 Texture Mapping
Lab: Texture
Tutorialteam
deadline: 14/02, 19:00
solution 2 weeks after deadline on Scientia
 Coursework Task 3assessedteam
     
Week 5 (starting 10th February)   
311+online
Friday 11-12
MS Teams/ 311 (planned) 10 Ray Tracing I
11 Ray Tracing II
LectureBirdal
notesN1011 RayTracing
Friday 11-12 MS Teams/ 311 (planned) MS Teams Q&Ateam
Friday 12-13 MS Teams Lab Queue MS Teams
T04 Ray Tracing 
Tutorialteam
solution: Scientia Coursework Task 3assessedteam
     
Week 6 (starting 17th February)   
311+online
Friday 11-12
MS Teams/ 311 (planned) 12 3D GeometryLectureBirdal
notes
Friday 11-12 MS Teams/ 311 (planned) MS Teams Q&Ateam
Friday 12-13 MS Teams Lab Queue
TBA
Tutorialteam
deadline: 21/02, 19:00
solution 2 weeks after deadline on Scientia
 Coursework Task 4assessedTeam
     
Week 7 (starting 24th February)   
311+online
Friday 11-12
MS Teams/ 311 (planned) 13 3D Representations
14 Structure from Motion (& SLAM)
LectureBirdal
notes
Friday 11-12 MS Teams/ 311 (planned) MS Teams Q&ABaugh and team
Friday 12-13 MS Teams Lab Queue MS Teams

TBA
TutorialBaugh and team
deadline: 07/03, 19:00
solution 2 weeks after deadline on Scientia
 Coursework Task 5assessedTeam
     
Week 8 (starting 03rd Mar)   
311+online
Friday 11-12
pre-recorded/live15 State of the Art Topics: NeRFs,
Gaussian Splatting,
Hybrid representations
LectureBirdal
notes
Friday 11-12 MS Teams MS Teams Q&A team
Friday 12-13 MS Teams Lab Queue MS Teams
Lab Queue
Tutorialteam
 
deadline: 07/03, 19:00
solution 2 weeks after deadline on CATe
 Coursework Task 5assessedTeam
Week 9 (starting 10th March)   
onlineRevisionBirdal/Kainz
 
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. Texture & Render to Texture (example output 5a 5b 5c) (assessed 10%)
  5. 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 2023, same concept as above but supports several render passes now, WebGL2

ShaderLabWeb 2021

Beauty contest 2024

technical achievement

Winner technical achievement

Runner-up technical achievement

Runner-up technical achievement

scene composition

winner scene composition

runner-up scene composition

runner-up scene composition

runner-up scene composition

Beauty contest 2023

technical achievement

Winner technical achievement
Runner-up technical achievement
Runner-up technical achievement

scene composition

winner scene composition
runner-up scene composition
runner-up scene composition

Beauty contest 2022

technical achievement

scene composition

Beauty contest 2021

technical achievement

scene composition