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

Timetable

Week 1 (starting 9th January)   
     
  No lectures, no tutorials.  
     
Week 2 (starting 15th 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 22nd January)   
311+online
Friday 11-12:30
pre-recorded + live session 04 Graphics Pipeline and APIs (YouTube)
05 Shading languages (YouTube)
LectureKainz
notesN0405 Graphics pipeline
S04 Graphics pipeline
S05 shading languages
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
Lab queueCechnicka and team
solution: CATe
2 weeks after deadline
 Coursework Task 2not assessedteam
     
Week 4 (starting 29th January)   
311+online
Friday 11-12
MS Teams/ 311 (planned)06 Illumination, Shading & Color I
07 Illumination, Shading & Color II
LectureKainz
notesN06 Illumination
N07 Color
N08 Texture
Friday 11-12 MS Teams/311 (planned) MS Teams Q&ABintsi and team
Friday 12-13 MS Teams Lab Queue MS Teams
T02 Illumination, Shading & Color
Lab: Illumination, Shading & Color
TutorialBintsi and team
deadline: 19/02, 19:00
solution 2 weeks after deadline on Scientia
 Coursework Task 3assessedteam
     
Week 5 (starting 05th February)   
311+online
Friday 11-12
MS Teams/ 311 (planned) 08 Texture Mapping
09 Rasterization, Visibility & Anti-aliasing
LectureGhosh
notesN09 Rasterization
Friday 11-12 MS Teams/ 311 (planned) MS Teams Q&ALi and team
Friday 12-13 MS Teams Lab Queue MS Teams
T03 Texture Mapping
Lab: Texture
TutorialLi and team
solution: Scientia Coursework Task 3assessedteam
     
Week 6 (starting 12th February)   
311+online
Friday 11-12
MS Teams/ 311 (planned) 10 Ray Tracing I
11 Ray Tracing II
Lecture Ghosh
notesN1011 RayTracing
Friday 11-12 MS Teams/ 311 (planned) MS Teams Q&ALuo and team
Friday 12-13 MS Teams Lab Queue MS Teams
T04 Ray Tracing 
TutorialLuo and team
deadline: 16/02, 19:00
solution 2 weeks after deadline on Scientia
 Coursework Task 4assessedTeam
     
Week 7 (starting 19th February)   
311+online
Friday 11-12
MS Teams/ 311 (planned) 12 Spline Curves (YouTube)
13 Spline Surfaces (YouTube)
Lecture Ghosh
notesN12 Spline curves
N13 Spline Surfaces
Friday 11-12 MS Teams/ 311 (planned) MS Teams Q&ABaugh and team
Friday 12-13 MS Teams Lab Queue MS Teams
T05 Splines 
TutorialBaugh and team
deadline: 06/03, 19:00
solution 2 weeks after deadline on Scientia
 Coursework Task 5assessedTeam
     
Week 8 (starting 26th Feb)   
311+online
Friday 11-12
pre-recorded/live14 Radiosity
15 Special Effects
LectureGhosh/Kainz
notesN14 Radiosity
Friday 11-12 MS Teams MS Teams Q&A Lin and team
Friday 12-13 MS Teams Lab Queue MS Teams
T06
Radiosity and Raytracing
TutorialLin and team
 
deadline: 06/03, 19:00
solution 2 weeks after deadline on CATe
 Coursework Task 5assessedTeam
Week 9 (starting 4th March)   
onlineRevisionGhosh, 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