Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Chapter 1 - Introduction

Download as pdf or txt
Download as pdf or txt
You are on page 1of 28

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