COS344  Computer Graphics
Announcements
Final project spec released
Posted By: Dr Marde Helbig editied on: Mon 25 Apr 2016, 23:47:36
The specification for the final project has been released. You can find it at: Project/Final project specification The upload slot is open. The deadline for the project is 18 May 2016 at 14h00.
Additional approach to calculate vectors
Posted By: Dr Marde Helbig editied on: Mon 25 Apr 2016, 10:34:00
It seems that the website below has suddenly become private, requiring a login. I am uploading the cached version at: Additional Material/Phong model vectors You can view the video on projections at: https://www.khanacademy.org/math/linearalgebra/matrix_transformations/lin_trans_examples/v/introductiontoprojections =========================== An additional approach to calculate the r vector of the Phong lighting model can be found at: https://asalga.wordpress.com/2012/09/23/understandingvectorreflectionvisually
Assignment 2  spec and upload slot available
Posted By: Dr Marde Helbig editied on: Wed 20 Apr 2016, 14:19:48
The specification for Assignment 2 is available under: /Assignments/Assignment 2 Specification. The deadline for the assignment is 3 May 2016 at 23h30.
Small mistake on slides
Posted By: Dr Marde Helbig editied on: Tue 19 Apr 2016, 09:52:38
Take note that on slide 22 of Lecture 10 w''=1 and not z.
Links for interaction
Posted By: Dr Marde Helbig editied on: Tue 22 Mar 2016, 10:37:31
The code we discussed in class on Friday 18 February can be found at the following links: Mouse interaction: http://www.cs.up.ac.za/files/COS344/Download/207 Keyboard interaction: http://learningwebgl.com/lessons/lesson06/index.html
EO1 is at COSI
Posted By: Dr Marde Helbig editied on: Fri 18 Mar 2016, 13:16:42
EO1 is available at COSI for collection
Practical on 16 March
Posted By: Dr Marde Helbig editied on: Thu 10 Mar 2016, 16:07:27
There will be a practical on 16 March in the Purple lab. During the practical I will go through the most important concepts of WebGL. In addition, we will work through practical 2, where I will show you one example of implementing a transformation, and then you will work on the other transformations. In addition, we will look at user interaction with WebGL. Do not feel overwhelmed if you do not understand what the WebGL code does at this stage. As we go through specific parts of Computer Graphics in class, we will go into more detail of how that specific part is done in WebGL and how that specific part of a WebGL program works. After the recess we will start with the fun part of the course  looking at things like viewing, lighting and textures.
No lecture on 11 March
Posted By: Dr Marde Helbig editied on: Thu 10 Mar 2016, 16:02:16
Take note that there will be no lecture on 11 March. However, you are required to watch a video on WebGL by the Siggraph University. Siggraph is the leading international organization in the field of Computer Graphics. You can find the video at the following location: https://www.youtube.com/watch?v=tgVLb6fOVVc
Practicals
Posted By: Dr Marde Helbig editied on: Wed 09 Mar 2016, 13:31:56
Take not that all practical sessions takes place in the Informatorium unless stated otherwise. So today's prac will be at the Purple lab in the Informatorium.
Lecture 5 notes  change 2
Posted By: Dr Marde Helbig editied on: Tue 08 Mar 2016, 11:13:25
Take note of the following on page 5 from Lecture 5 Part II file: On page 2, there is a small error. In the class we did it correctly, the error is only on the notes. 0 . P = 0 1 . P = P (and not 1)
Practical this week
Posted By: Dr Marde Helbig editied on: Tue 08 Mar 2016, 14:43:05
There will be a practical this week. I will also explain some WebGL concepts. Thereafter I will be available to answer questions about the maths part of the work covered in EO1.
Transformation examples
Posted By: Dr Marde Helbig editied on: Tue 08 Mar 2016, 14:44:52
You can view a few examples of transformation calculations/questions at the following link: http://www.eecs.qmul.ac.uk/~phao/cg/Exers/transformations_ex.html
Lecture 5 notes  change
Posted By: Dr Marde Helbig editied on: Sun 06 Mar 2016, 21:20:16
Take note of the following on page 5 from Lecture 5 Part II file: The components of the matrix M uses alpha values and not gamma values. It only illustrates the point that it will be the matrix with the components. However, here M^T is the transpose of the matrix M on page 4. Therefore, alpha_12 in matrix M^T is gamma_21, etc.
Exam Opportunity 1
Posted By: Dr Marde Helbig editied on: Thu 03 Mar 2016, 23:42:37
The scope for Exam Opportunity 1 (EO1) is: Chapter 1: Sections 1.11.5, 1.7 Chapter 4: Sections 4.14.5, 4.74.9 EO1 will take place: Date: 10 March Time: 18h0020h00 Venues: GW/HB 314 (Surnames AMa), and GW/HB 413 (Surnames MbZ) Take note that it is a closed book exam.
Lecture on Wednesday during Practical
Posted By: Dr Marde Helbig editied on: Mon 29 Feb 2016, 11:40:06
The first hour of the practical this week (Wednesday 2 March) I will give a normal lecture. This will allow us to catch up so that we can start with the practical fun part of the course next week. During the second hour I will be available to explain the Mathematical concepts to students that are still struggling. I will post the venue for this session on the website by tomorrow afternoon.
Classes this week
Posted By: Dr Marde Helbig editied on: Thu 25 Feb 2016, 10:53:27
Take note of the message on ClickUP with regards to lectures this week. On Monday 29 February I will repeat the lecture given on Monday 22 February. For the students that were at class this Monday, the lecture will be optional.
Module Content
Lecture Slides
Lecture 8
Lecture 9
Lecture 9 Part I
Viewing  Positioning of the camera 
Lecture 9 Part II
Viewing  Positioning of the camera and projections (orthogonal and oblique) 
Class notes
Handwritten notes that were written on the board during class 
Lecture 10
Lecture 10
Perspective projections 
Class notes
Handwritten notes that were written on the board during class 
Lecture 11
Lecture 11
Lighting 
Lighting demo
Illustrates ambient lighting and point source lights 
Lecture 1
Graphics Systems and Models 
Lecture 2
Graphics Systems and Models (cont.) 
Lecture 3
Geometric Objects and Transformations 
Lecture 4
Geometric Objects and Transformations (cont.) 
Lecture 5 Part I
Illustrates the need for changing between various coordinate systems 
Lecture 5 Part II
Changing coordinate systems using homogeneous coordinates 
Lecture 6
Transformations  scaling and shearing 
Lecture 12
Notes on Phong model 
Lecture 13
Shading approaches: simple, smooth or Gouraud, and Phong 
Lecture 14
Texture mapping 
Lecture 15
Texture mapping 
Admin
Study guide
Study guide for COS344 
Additional Material
Lecture 6
Rotating cube
WebGL code to rotate a cube 
Transformations
Video that demonstrates the transformations in WebGL 
Phong model vectors
Calculation of reflection vector
Calculation of reflection vector 
Source code
Source code of textbook 
Common files
Common files used by source code in textbook 
Practicals
Prac1
Memo
First part
First part of the prac 
Second part
Second part of prac 
Specification
Spec for prac1 
AdditionalFiles
Additional files required for prac1 
Prac2
Specification
Spec for practical 2 
Prac3
Specification
Spec for prac 3 
Specification
Spec for prac 3 
Assignments
Assignment 1 Specification
Specification for Assignment 1. Assignment 1 is on transformations and interaction. 
Assignment 2 Specification
Specification for Assignment 2. Assignment 2 is on viewing and lighting. 
Project
Final project specification
Specification of the final project 
Active Discussions

Last Updated: Wednesday 23 March 2016 at 16:34

Last Updated: Tuesday 16 February 2016 at 19:52
Module forums
The new CS forums are available here.
Module Links
This module has no links
Login
Module Description
The aim of this module is to acquire a sound knowledge of the basic theory of interactive computer graphics and basic computer graphics programming techniques. The theory will cov...
Show Long DescriptionLecturer Information
Course Coordinator
Lecturers
Assistant Lecturers
Tutors
Teaching Assistants
There are no teaching assistants assigned.
Class Representatives
English Representatives
Afrikaans Representatives
There are no Afrikaans class representatives.
H.o.D Office times
During the times below, any student can come and discuss any
issue with the head of the department without making an appointment.
Note that these dates and times may change, and any such changes
will be updated on each module hope page.
For the month of february the times are as follows:
For the month of february the times are as follows:
 4 April 08:00  09:00
 7 April 12:30  13:30
 18 April 08:00  09:00
 25 April 08:00  09:00
 28 April 12:30  13:30
Active Assignments
No currently active Assignments
Active Fitch Fork Assignments
No currently active Fitch Fork Assignments
Active Bookings
 Assignment 2 Demo
Expires: Tue 03 May 2016, 10:04:00
 Project Demo
Expires: Tue 17 May 2016, 10:07:00
Active Team Allocations

No team allocations available
Active Bids
Individual Bids
No individual bids
Team Bids
No team bids