Scribd
Upload
23 views28 pages

Chapter 1 - Introduction

The document provides an overview of a computer graphics course including its outcomes, assessments, schedule and methods. It discusses topics like rasterization, 2D and 3D transformations, clipping, coloring and modeling. It also covers technologies like OpenGL, WebGL and how computer graphics work with vertices and fragments.

Uploaded by

ingxing23
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
23 views28 pages

Chapter 1 - Introduction

The document provides an overview of a computer graphics course including its outcomes, assessments, schedule and methods. It discusses topics like rasterization, 2D and 3D transformations, clipping, coloring and modeling. It also covers technologies like OpenGL, WebGL and how computer graphics work with vertices and fragments.

Uploaded by

ingxing23
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

BCM2053

Computer
Graphics
(Chapter 1)
D R . S U R YA N T I AWA N G
FAC U LT Y O F C O M P U T I N G , U M P
ROOM: LEVEL 3, RIGHT WING
Introduction to CG: Mathematics &
Programming
Mathematics & Programming
Mathematics & Programming
Course Outcome
• CO1 (C3): Demonstrate the concept of computer graphics and ability to use the computer
graphics technology

• CO2 (P4): Construct 2D and 3D graphics by implementing concepts of computer graphics


and computer graphics programming

• CO3 (A3) - PO4 Communication: Respond to instruction by listening actively and give
feedback

• CO4 (A3) - PO5 Social skills & responsibility: Work together effectively to achieve the same
goal by building a good relationship and interaction among team members
Assessments
ASSESSMENT PERCENTAGE

Assignment (Group) 20%

Quiz x 2 (Individual) 10%

Mini Project (Group) 30%

FINAL EXAM 40%


Academic Calendar
Week Chapter Task to do Assessment

1 1. Briefing & Introduction Lab 1 Assignment Question


Mini Project Question
2 2. Rasterization / Scan Conversion Lab 2_1

3 2. Rasterization / Scan Conversion Brensenham Code Demo


Lab 2_2

4 3. 2D & 3D Transformation Lab 3_1 Quiz 1 (5%) – KALAM, open: Monday


(8am) – Friday (12pm), Time Limit:
20minutes
5 3. 2D & 3D Transformation Lab 3_2

6 4. Clipping Lab 4

7 5. Color and Indices Lab 5 Assignment Submission &


Presentation
8 MIDTERM BREAK
9 6. Hierarchical Modeling Lab 6_1

10 6. Hierarchical Modeling Lab 6_2

11 7. Projection Lab 7 (SBL) → Evaluation in Project Quiz 2 (5%) – KALAM, open: Monday
(8am) – Friday (12pm), Time Limit:
20minutes
12 8. Texture Lab 8

13 9. Lighting & Shading Lab 9

14 - Project Submission & Presentation


Method of Lecture
Lecture session &
Lab session
Method of Lecture
If needed→ Lecture session at
Technology
Technology
OpenGL – open source for Graphics Library

WebGL – open source for Graphics Library on a web


- part of OpenGL 1 and OpenGL ES/2
Technology – WebGL can run on modern
web browsers (pc/mac/mobile
Code Editor– Visual Studio Code
How does WebGL works?
How does WebGL works?
Example of
OpenGL/
WebGL
Primitives
Example of
a complete
object
constructed
from
triangles
Example of
a complete
object
constructed
from
triangles
Clip Space –
what will be
displayed in your
screen
Vertex and Fragment
Fragment Shader
Fragment Shader
Vector vs Raster
Your Task: Find what are the CG
applications
Lab 1: WebGL Setup and Test

You might also like