60005/70090 Computer Graphics

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 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)	Lecture	Kainz
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 22nd 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 29th 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 05th February)
311+online 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	Team
Friday 12-13	MS Teams Lab Queue	MS Teams T03 Texture Mapping Lab: Texture	Tutorial	Team
solution: Scientia		Coursework Task 4	not assessed	Team

Week 6 (starting 12th February)
311+online 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	Team
Friday 12-13	MS Teams Lab Queue	MS Teams T04 Ray Tracing	Tutorial	Team
deadline: TBA, 19:00 solution 2 weeks after deadline on CATe		Coursework Task 5	assessed	Team

Week 7 (starting 19th February)
311+online Friday 11-12	MS Teams/ 308 (planned)	12 Spline Curves (YouTube) 13 Spline Surfaces (YouTube)	Lecture	Ghosh
notes		N12 Spline curves N13 Spline S u rfaces
Friday 11-12	MS Teams/ 308 (planned)	MS Teams	Q&A	Team
Friday 12-13	MS Teams Lab Queue	MS Teams T05 Splines	Tutorial	Team
deadline: TBA, 19:00 solution 2 weeks after deadline on CATe		Coursework Task 6	assessed	Team

Week 8 (starting 26th Feb)
311+online Friday 11-12	pre-recorded/live	14 Radiosity 15 Special Effects	Lecture	Ghosh/Kainz
notes		N14 Radiosity
Friday 11-12	MS Teams	MS Teams	Q&A	Team
Friday 12-13	MS Teams Lab Queue	MS Teams T06 Radiosity and Raytracing	Tutorial	Team

deadline: TBA, 19:00 solution 2 weeks after deadline on CATe		Coursework Task 6	assessed	Team
Week 9 (starting 4th March)
online	–	Revision	–	Ghosh, Kainz

Schedule

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.