Mr. Afrasiab Kaikobad afrasiab@biit.edu.

pk Whatsapp#03365291133
Computer Graphics (CS-575)
Week # 01 (Lecture 1 & 2)
Objectives:
 Introduction to computer graphics course
 Understanding the course roadmap
 Learn the evaluation scheme.
 Introduction to Computer Graphics

Pre-knowledge:
 Student must have studied Object Oriented Programming
 Student must be equipped with knowledge and understanding linear algebra, different shapes
equations, vector space and matrices
 Student having knowledge and skills in JAVA language will be quite helpful in this course

Resources:
Book: Computer Graphics with OpenGL (4th ed.) [Hearn, Baker & Carithers 2013]

Video Links:

CG-Wk-1-Video-1: https://youtu.be/NR1yq2sTQHQ

CG-Wk-1-Video-2: https://youtu.be/QnlqpDTxH0w

CG-Wk-1-Video-3: https://youtu.be/vYfVInU5WpQ

CG-Wk-1-Video-4: https://youtu.be/mDQzloB2Tjg

CG-Wk-1-Video-5: https://youtu.be/UyoORFHbwc0

Lecture 1.
Computer Graphics Course:
This course covers the core concepts of computer graphics like basic geometric shapes (lines, polygons,
curves, circles etc.) and their drawing algorithms based upon pure mathematical foundations, filling
algorithms, transformations and modeling in 2D and 3D, interpolation and approximation of real-world
scenes, animation etc. This is to give the students the idea that how to use computer graphics in a
virtual environment like games and virtual reality.

Learning Outcomes:
Upon successful completion of this course, you should be able to

 Create basic shapes using different algorithms

 Understand the concept behind creating each shape.
 Understand and create animation using basic shapes.

Roadmap:
Weeks Topic Reference

Page 1 of 6
Mr. Afrasiab Kaikobad afrasiab@biit.edu.pk Whatsapp#03365291133
Computer Graphics (CS-575)
1-2 Introduction to Computer Graphics and Computer Graphics Hardware Ch#01
3-4 Implementation Algorithms for Graphics Primitives and Attributes (Dda Ch#05
Line and Bresenhams’ Line Algorithms)
5-6 Implementation Algorithms for Graphics Primitives and Attributes Ch#05
(Bresenhams’ Mid-Point Circle Algorithm)
7-8 Implementation Algorithms for Graphics Primitives and Attributes (Filling Ch#05 +
Algorithms: Boundary fill and Flood Fill) + Two Dimensional Geometric Ch#06
Transformations (Basic Transformations: Translation, Scaling, Rotation)
Mid Term Exam
9-10 Two Dimensional Geometric Transformations (Homogeneous Ch#06
Transformation Matrices: Translation, Scaling, Rotation)
11-12 Two Dimensional Geometric Transformations (Two-Dimensional Ch#06
Composite Transformations: Successive Translation, Successive Rotation, Ch#07
Successive Scaling and Composite Transformation) + Two Dimension
Viewing (Point Clipping)
13-14 Two Dimension Viewing (Cohen Sutherland Line Clipping Algorithm) + Ch#07
Introduction to JOGL
15-16 Creating 3D shapes like polygon and sphere, Applying Texture mapping, 3D
Animation
Final Term Exam

Books and Study Material:

1.1. Books:
 Computer Graphics with OpenGL, 4th Edition, Hearn, Baker & Carithers 2013.
 Fundamental of Computer Graphics, Peter Shirley 2005.
 Introduction to Computer Graphics, Version 1.2, David J. Eck 2018

Study Material:
Handouts will be provided timely to students. Students must have a copy of handout with them during
the lectures.

Project and Lab work:

Project:
Every student has to create a game in Unity3d Platform. There will be two Deliverables;

 Complete Formal project thesis (Document)

 Complete Project (Game)

Lab Work:
 Perform all the tasks, exercises and assignments given in Lab manual.
 Complete the lab manual and submit it.

Evaluation:
To qualify the course student has to get minimum 16 marks out of 40 in Quizzes, Assignments, Mid Term
and Final Term combined. And also 8 marks out of 20 in Project Document, Project Product, Lab Task
and Lab Manual combined.
Activities Quantity Absolute Marks

Page 2 of 6
Mr. Afrasiab Kaikobad afrasiab@biit.edu.pk Whatsapp#03365291133
Computer Graphics (CS-575)
Quizzes 16
8
Assignments 8
Mid Term 1 12
Final Term 1 20
Project Documents 3 20
Project Product (Game 1
+ Demo + Viva)
Lab task 14
Lab manual 100%

Conclusion:
 Prepare notebook for Computer Graphics.
 Get the reading and helping material from lab, or get it download.
 Get your machine ready and install the required software for this course, you can get the
software from lab.

Page 3 of 6
Mr. Afrasiab Kaikobad afrasiab@biit.edu.pk Whatsapp#03365291133
Computer Graphics (CS-575)
Lecture 2
Overview of the lecture:
In this lecture we will discuss that What is computer graphics and its applications. After learning this
lecture student will able to answer these questions: What is computer graphics? What is the importance
of Computer Graphics in different field? What is the framework of computer graphics?

What is computer graphics?

A field of computer science deals with drawing of different mathematical shapes i.e., line, circle, ellipse
etc. Processing and drawing of different kind of images, animation, and transformation. In short, the
technique to visualize the daily life images and scenarios on computer is called computer graphics.

Computer graphics provides methods to generate images using a computer.

Uses of computer graphics

1. Graphical user interface (GUI): One of the most important applications of computer graphics.
Mouse, keyboard actions etc.
2. Virtual Reality: To simulate different daily life scenarios like graphs etc
3. Digital Media Technologies: Digital publishing, multi-media
4. Visualization: Medical, financial data. ECG, charts etc
5. Simulations: Engineering, GIS (Geographical Information System), architecture etc
6. Entertainment: Movies (Toy Story, Bug’s Life, Harry Potter, Jurassic Park etc) and games (all
kind of games)

What is Image Processing?

Image processing applies techniques to modify or interpret existing pictures, such as photographs and TV
scans. Two principal applications of image processing are (1) improving picture quality and (2) machine
perception of visual information, as used in robotics.

Framework
Application Modeling
 Description of the objects
– Shape
– attributes
– Behavior and properties
 Stored in the application memory
 Can be modified by the application
 Sent to display
Application Program
 Application program create the Application Model, stores it, retrieve and manage it.
 It also handles the user input to manipulate the Model.

Page 4 of 6
Mr. Afrasiab Kaikobad afrasiab@biit.edu.pk Whatsapp#03365291133
Computer Graphics (CS-575)
 It sends output command to Graphics System.
o Which geometric object to view (point, line, circle, polygon)
o How to view it (color, line-style, thickness, texture)

Graphics System
Graphics System works as intermediate between Application Program and the interface hardware.

It controls information outflow and inflow.

It makes the Application Program to be device independent.

Page 5 of 6
Mr. Afrasiab Kaikobad afrasiab@biit.edu.pk Whatsapp#03365291133
Computer Graphics (CS-575)
LAB Work
1. Setup your computer
a. Install JDK
b. Install Eclipse
c. Create a workspace specifically for Computer Graphics Java Programs
d. Make a simple program to test the eclipse and JDK

Page 6 of 6