SlideShare a Scribd company logo
1 of 25
1
Computer Graphics
chapter 1
Dr. Jehad Q. O. Alnihoud
Email: jehad@aabu.edu.jo
Phone: 3354
RM [1]-2
Books
•F.S. Hill, Computer Graphics Using
OpenGL, Prentice-Hall (2001).
•Mason Woo, OpenGL Programming
Guide, Addison Wesley (2000).
•Hearn and Baker, Computer Graphics,
Prentice-Hall (1997).
RM [1]-3
Books (Supplementary reference)
 Foley, V. Dam, Feiner, Hughes, Computer
Graphics Principles and Practice, 2/e,
Addison Wesley, 1997.
 Edward Angel, Interactive Computer
Graphics, Addison Wesley, 1997.
 Zhigang Xiang, Schaum’s Outlines:
Computer Graphics, McGrawHill, 2001.
 Shreiner D, OpenGL Reference Manual,
Addison-Wesley, 2000.
RM [1]-4
Course Assessment
 Coursework 50%
First Exam 15%
 Second Exam 15%
Group Project 10%
Lab 10%
 Final Exam 50%
Attendance in both lecture and lab sessions is
compulsory.
RM [1]-5
Graphics Applications
 Art and Entertainment
Animations
Movies
Commercials
Special Effects
RM [1]-6
Graphics Applications
 Image Processing
Analysis, Reconstruction
Medical Imaging
Movies
RM [1]-7
Graphics Applications
 Simulation
Modeling and Analysis
Virtual Environments
RM [1]-8
Graphics Applications
 Scientific Visualization
Data Representation and Plotting
3D Views
RM [1]-9
Graphics Applications
 CAD/CAM
Industrial Design
Structural Design
Surface Modeling
RM [1]-10
Graphics Software Packages
 Early graphics libraries:
GKS (Graphical Kernel System)
 PHIGS
 OpenGL (Silicon Graphics)
 Java2D (Sun Microsystems)
 Java3D (Sun Microsystems)
 VRML (Silicon Graphics)
RM [1]-11
Graphics: Main Components
 Theory
Analytical Geometry
Vectors and Matrices
 Algorithms
Eg: Line drawing, Filling etc.
 Implementation
Programming (OpenGL)
RM [1]-12
Graphics Hardware
 Line Drawing Devices:
Eg. Pen Plotters
Advantages: Perfect lines, Sharp Diagrams
Disadvantages: Not suitable for filled regions.
RM [1]-13
Graphics Hardware
 Raster Devices: Create pictures by displaying
dots
 Eg: Video monitor, dot-matrix printer, laser
printer, ink-jet printer, film recorder
 Advantages: Filled, shaded regions are easily
displayed
 Disadvantages: Jaggies
Pixel
RM [1]-14
Pixel Depth
 Pixel depth refers to the number of bits used
to represent a pixel value.
1 bit/pixel: 0
1
2 Levels
(Bi-level image)
2 bits/pixel: 0
0
4 Levels
0
1
1 0
1 1
RM [1]-15
Pixel Depth
1 bit per pixel produce 2 levels (bi-
level image).
2 bits per pixel produce 4 levels.
8 bits per pixel produce 256 levels.
In general, if the pixel depth is n, then
it is possible to have 2n levels.
RM [1]-16
Raster Display
 Most display used for computer graphics nowadays
are raster displays.
 Image presented in display surface that contains
certain number of pixels. Eg. 480 x 640 (r x c).
 Frame buffer is a region of memory sufficiently large to
hold all the pixel values for display.
RM [1]-17
Frame Buffer
 System with 64 color (3 DACs):
Each DAC uses 2 bits/pixel.
Total color: 4 x 4 x 4 = 64
If the display surface is 1024 x 1280, then the
memory required for frame buffer is 0.9375 MB
 Monochrome Video display:
Only one DAC required. 6 planes of memory in frame
buffer gives 26 = 64 level of gray.
RM [1]-18
Frame Buffer
 System with 24 bit color (3 DACs):
Each DAC uses 8 bits/pixel. (Total 24 bits/pixel)
Total color: 28 x 28 x 28 = 224
If the display surface is 1024 x 1280, then the memory
required for frame buffer is 3.75MB
RM
Basis colors: R, G, B
R: Red=[1, 0, 0]
G: Green=[0, 1, 0]
B: Blue=[0, 0, 1]
C: Cyan=[0, 1, 1]
M: Magenta=[1, 0, 1]
Y:Yellow=[1, 1, 0]
W:White=[1,1,1]
K: Black=[0,0,0]
Color Models: RGB Diagram
• RGB Model is used for colored light sources
• RGB Model is additive
RM [1]-20
Complementary Colors: Two colors that combine to form
White. Eg. Red, Cyan.
Gray Values: Every point on the primary diagonal has equal
values for all the components.
Color Models: RGB Cube
RM [1]-21
Basis colors: C, M, Y
C: Cyan=[1, 0, 0]
M: Magenta=[0, 1, 0]
Y: Yellow=[0, 0, 1]
R: Red=[0, 1, 1]
G: Green=[1, 0, 1]
B: Blue=[1, 1, 0]
W:White=[0,0,0]
K: Black=[1,1,1]
Color Models: CMY Diagram
• CMY Model is used for colored pigments
• CMY Model is subtractive
RM [1]-22
Color Models: RGB <-> CMY
(r, g, b)RGB = (1,1,1)  (c, m, y)CMY
Light
A red colored surface
absorbs cyan from a
white light
RM [1]-23
Color Models: HSV HexCone
RM [1]-24
H (Hue): 0 to 360 degrees 0: Red, 60: Yellow ….
S (Saturation): 0 to 1 0: Axis, 1: Boundary
V (Value): 0 to 1 0: Vertex, 1: Base
Examples:
Eg. Yellow: [60, 1.0, 1.0]
Black: [ -, -, 0.0]
White: [-, 0.0, 1.0]
Color Models: HSV
RM [1]-25
RGB Color Definition (OpenGL)
Set a particular color: glColor3f(r,g,b);
Set a background color: glClearColor(r,g,b,1);
Clear the window to background color:
glClear(GL_COLOR_BUFFER_BIT);

More Related Content

Similar to CG Intro & Apps

Ch2
Ch2Ch2
Ch2teba
 
Basics of image processing & analysis
Basics of image processing & analysisBasics of image processing & analysis
Basics of image processing & analysisMohsin Siddique
 
Overview of graphics systems
Overview of  graphics systemsOverview of  graphics systems
Overview of graphics systemsJay Nagar
 
Image enhancement in the spatial domain1
Image enhancement in the spatial domain1Image enhancement in the spatial domain1
Image enhancement in the spatial domain1shabanam tamboli
 
Image Enhancement in the Spatial Domain1.ppt
Image Enhancement in the Spatial Domain1.pptImage Enhancement in the Spatial Domain1.ppt
Image Enhancement in the Spatial Domain1.pptShabanamTamboli1
 
Digital Image Processing
Digital Image ProcessingDigital Image Processing
Digital Image ProcessingAnkur Nanda
 
Image enhancement ppt nal2
Image enhancement ppt nal2Image enhancement ppt nal2
Image enhancement ppt nal2Surabhi Ks
 
Comprehensive Infrared Image Edge detection Algorithm
Comprehensive Infrared Image Edge detection AlgorithmComprehensive Infrared Image Edge detection Algorithm
Comprehensive Infrared Image Edge detection AlgorithmCSCJournals
 
Multimedia
MultimediaMultimedia
MultimediaMR Z
 
Image processing 1-lectures
Image processing  1-lecturesImage processing  1-lectures
Image processing 1-lecturesTaymoor Nazmy
 
Digital Imaging of Photographs
Digital Imaging of PhotographsDigital Imaging of Photographs
Digital Imaging of PhotographsJenn Riley
 
Lecture 2-2023.pdf
Lecture 2-2023.pdfLecture 2-2023.pdf
Lecture 2-2023.pdfssuserff72e4
 
Lecture 2-2023.pdf
Lecture 2-2023.pdfLecture 2-2023.pdf
Lecture 2-2023.pdfssuserff72e4
 
introduction to Digital Image Processing
introduction to Digital Image Processingintroduction to Digital Image Processing
introduction to Digital Image Processingnikesh gadare
 
Multimedia digital images
 Multimedia  digital images Multimedia  digital images
Multimedia digital imagesMohammad Dwikat
 

Similar to CG Intro & Apps (20)

Ch2
Ch2Ch2
Ch2
 
CLASS 1.1.pptx
CLASS 1.1.pptxCLASS 1.1.pptx
CLASS 1.1.pptx
 
Basics of image processing & analysis
Basics of image processing & analysisBasics of image processing & analysis
Basics of image processing & analysis
 
Overview of graphics systems
Overview of  graphics systemsOverview of  graphics systems
Overview of graphics systems
 
Image enhancement in the spatial domain1
Image enhancement in the spatial domain1Image enhancement in the spatial domain1
Image enhancement in the spatial domain1
 
Image Enhancement in the Spatial Domain1.ppt
Image Enhancement in the Spatial Domain1.pptImage Enhancement in the Spatial Domain1.ppt
Image Enhancement in the Spatial Domain1.ppt
 
Digital Image Processing
Digital Image ProcessingDigital Image Processing
Digital Image Processing
 
Image enhancement ppt nal2
Image enhancement ppt nal2Image enhancement ppt nal2
Image enhancement ppt nal2
 
MM3.ppt
MM3.pptMM3.ppt
MM3.ppt
 
Comprehensive Infrared Image Edge detection Algorithm
Comprehensive Infrared Image Edge detection AlgorithmComprehensive Infrared Image Edge detection Algorithm
Comprehensive Infrared Image Edge detection Algorithm
 
Chapter-1.pptx
Chapter-1.pptxChapter-1.pptx
Chapter-1.pptx
 
Multimedia
MultimediaMultimedia
Multimedia
 
Graphics
GraphicsGraphics
Graphics
 
Dip
DipDip
Dip
 
Image processing 1-lectures
Image processing  1-lecturesImage processing  1-lectures
Image processing 1-lectures
 
Digital Imaging of Photographs
Digital Imaging of PhotographsDigital Imaging of Photographs
Digital Imaging of Photographs
 
Lecture 2-2023.pdf
Lecture 2-2023.pdfLecture 2-2023.pdf
Lecture 2-2023.pdf
 
Lecture 2-2023.pdf
Lecture 2-2023.pdfLecture 2-2023.pdf
Lecture 2-2023.pdf
 
introduction to Digital Image Processing
introduction to Digital Image Processingintroduction to Digital Image Processing
introduction to Digital Image Processing
 
Multimedia digital images
 Multimedia  digital images Multimedia  digital images
Multimedia digital images
 

More from aozcan1

6920161.ppt
6920161.ppt6920161.ppt
6920161.pptaozcan1
 
ge6075-unit-2.ppt
ge6075-unit-2.pptge6075-unit-2.ppt
ge6075-unit-2.pptaozcan1
 
ELG2911Modul2EthicalPractice.pptx
ELG2911Modul2EthicalPractice.pptxELG2911Modul2EthicalPractice.pptx
ELG2911Modul2EthicalPractice.pptxaozcan1
 
estimation.ppt
estimation.pptestimation.ppt
estimation.pptaozcan1
 
Teregowda.ppt
Teregowda.pptTeregowda.ppt
Teregowda.pptaozcan1
 
16223434.ppt
16223434.ppt16223434.ppt
16223434.pptaozcan1
 
application-layer.ppt
application-layer.pptapplication-layer.ppt
application-layer.pptaozcan1
 
meng.ppt
meng.pptmeng.ppt
meng.pptaozcan1
 
ftp.07f.ppt
ftp.07f.pptftp.07f.ppt
ftp.07f.pptaozcan1
 
lect2a.ppt
lect2a.pptlect2a.ppt
lect2a.pptaozcan1
 
02mathematics.ppt
02mathematics.ppt02mathematics.ppt
02mathematics.pptaozcan1
 
01introduction.ppt
01introduction.ppt01introduction.ppt
01introduction.pptaozcan1
 
Angel6E01.pptx
Angel6E01.pptxAngel6E01.pptx
Angel6E01.pptxaozcan1
 
901350_S01.ppt
901350_S01.ppt901350_S01.ppt
901350_S01.pptaozcan1
 

More from aozcan1 (15)

6920161.ppt
6920161.ppt6920161.ppt
6920161.ppt
 
ge6075-unit-2.ppt
ge6075-unit-2.pptge6075-unit-2.ppt
ge6075-unit-2.ppt
 
bgp.ppt
bgp.pptbgp.ppt
bgp.ppt
 
ELG2911Modul2EthicalPractice.pptx
ELG2911Modul2EthicalPractice.pptxELG2911Modul2EthicalPractice.pptx
ELG2911Modul2EthicalPractice.pptx
 
estimation.ppt
estimation.pptestimation.ppt
estimation.ppt
 
Teregowda.ppt
Teregowda.pptTeregowda.ppt
Teregowda.ppt
 
16223434.ppt
16223434.ppt16223434.ppt
16223434.ppt
 
application-layer.ppt
application-layer.pptapplication-layer.ppt
application-layer.ppt
 
meng.ppt
meng.pptmeng.ppt
meng.ppt
 
ftp.07f.ppt
ftp.07f.pptftp.07f.ppt
ftp.07f.ppt
 
lect2a.ppt
lect2a.pptlect2a.ppt
lect2a.ppt
 
02mathematics.ppt
02mathematics.ppt02mathematics.ppt
02mathematics.ppt
 
01introduction.ppt
01introduction.ppt01introduction.ppt
01introduction.ppt
 
Angel6E01.pptx
Angel6E01.pptxAngel6E01.pptx
Angel6E01.pptx
 
901350_S01.ppt
901350_S01.ppt901350_S01.ppt
901350_S01.ppt
 

Recently uploaded

Turn Lock Take Key Storyboard Daniel Johnson
Turn Lock Take Key Storyboard Daniel JohnsonTurn Lock Take Key Storyboard Daniel Johnson
Turn Lock Take Key Storyboard Daniel Johnsonthephillipta
 
Jeremy Casson - Top Tips for Pottery Wheel Throwing
Jeremy Casson - Top Tips for Pottery Wheel ThrowingJeremy Casson - Top Tips for Pottery Wheel Throwing
Jeremy Casson - Top Tips for Pottery Wheel ThrowingJeremy Casson
 
Lucknow 💋 Call Girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 892311...
Lucknow 💋 Call Girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 892311...Lucknow 💋 Call Girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 892311...
Lucknow 💋 Call Girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 892311...anilsa9823
 
Gomti Nagar & High Profile Call Girls in Lucknow (Adult Only) 8923113531 Esc...
Gomti Nagar & High Profile Call Girls in Lucknow  (Adult Only) 8923113531 Esc...Gomti Nagar & High Profile Call Girls in Lucknow  (Adult Only) 8923113531 Esc...
Gomti Nagar & High Profile Call Girls in Lucknow (Adult Only) 8923113531 Esc...gurkirankumar98700
 
OYO GIRLS Call Girls in Lucknow Best Escorts Service Near You 8923113531 Call...
OYO GIRLS Call Girls in Lucknow Best Escorts Service Near You 8923113531 Call...OYO GIRLS Call Girls in Lucknow Best Escorts Service Near You 8923113531 Call...
OYO GIRLS Call Girls in Lucknow Best Escorts Service Near You 8923113531 Call...hanshkumar9870
 
Aminabad @ Book Call Girls in Lucknow - 450+ Call Girl Cash Payment 🍵 8923113...
Aminabad @ Book Call Girls in Lucknow - 450+ Call Girl Cash Payment 🍵 8923113...Aminabad @ Book Call Girls in Lucknow - 450+ Call Girl Cash Payment 🍵 8923113...
Aminabad @ Book Call Girls in Lucknow - 450+ Call Girl Cash Payment 🍵 8923113...akbard9823
 
exhuma plot and synopsis from the exhuma movie.pptx
exhuma plot and synopsis from the exhuma movie.pptxexhuma plot and synopsis from the exhuma movie.pptx
exhuma plot and synopsis from the exhuma movie.pptxKurikulumPenilaian
 
Alex and Chloe by Daniel Johnson Storyboard
Alex and Chloe by Daniel Johnson StoryboardAlex and Chloe by Daniel Johnson Storyboard
Alex and Chloe by Daniel Johnson Storyboardthephillipta
 
The First Date by Daniel Johnson (Inspired By True Events)
The First Date by Daniel Johnson (Inspired By True Events)The First Date by Daniel Johnson (Inspired By True Events)
The First Date by Daniel Johnson (Inspired By True Events)thephillipta
 
Lucknow 💋 Russian Call Girls Lucknow | Whatsapp No 8923113531 VIP Escorts Ser...
Lucknow 💋 Russian Call Girls Lucknow | Whatsapp No 8923113531 VIP Escorts Ser...Lucknow 💋 Russian Call Girls Lucknow | Whatsapp No 8923113531 VIP Escorts Ser...
Lucknow 💋 Russian Call Girls Lucknow | Whatsapp No 8923113531 VIP Escorts Ser...anilsa9823
 
RAK Call Girls Service # 971559085003 # Call Girl Service In RAK
RAK Call Girls Service # 971559085003 # Call Girl Service In RAKRAK Call Girls Service # 971559085003 # Call Girl Service In RAK
RAK Call Girls Service # 971559085003 # Call Girl Service In RAKedwardsara83
 
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...akbard9823
 
Jeremy Casson - An Architectural and Historical Journey Around Europe
Jeremy Casson - An Architectural and Historical Journey Around EuropeJeremy Casson - An Architectural and Historical Journey Around Europe
Jeremy Casson - An Architectural and Historical Journey Around EuropeJeremy Casson
 
Islamabad Escorts # 03080115551 # Escorts in Islamabad || Call Girls in Islam...
Islamabad Escorts # 03080115551 # Escorts in Islamabad || Call Girls in Islam...Islamabad Escorts # 03080115551 # Escorts in Islamabad || Call Girls in Islam...
Islamabad Escorts # 03080115551 # Escorts in Islamabad || Call Girls in Islam...wdefrd
 
this is a jarvis ppt for jarvis ai assistant lovers and this is for you
this is a jarvis ppt for jarvis ai assistant lovers and this is for youthis is a jarvis ppt for jarvis ai assistant lovers and this is for you
this is a jarvis ppt for jarvis ai assistant lovers and this is for youhigev50580
 
Charbagh / best call girls in Lucknow - Book 🥤 8923113531 🪗 Call Girls Availa...
Charbagh / best call girls in Lucknow - Book 🥤 8923113531 🪗 Call Girls Availa...Charbagh / best call girls in Lucknow - Book 🥤 8923113531 🪗 Call Girls Availa...
Charbagh / best call girls in Lucknow - Book 🥤 8923113531 🪗 Call Girls Availa...gurkirankumar98700
 
Deconstructing Gendered Language; Feminist World-Making 2024
Deconstructing Gendered Language; Feminist World-Making 2024Deconstructing Gendered Language; Feminist World-Making 2024
Deconstructing Gendered Language; Feminist World-Making 2024samlnance
 
Lucknow 💋 Cheap Call Girls In Lucknow Finest Escorts Service 8923113531 Avail...
Lucknow 💋 Cheap Call Girls In Lucknow Finest Escorts Service 8923113531 Avail...Lucknow 💋 Cheap Call Girls In Lucknow Finest Escorts Service 8923113531 Avail...
Lucknow 💋 Cheap Call Girls In Lucknow Finest Escorts Service 8923113531 Avail...anilsa9823
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Pari Chowk | Noida
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Pari Chowk | NoidaFULL ENJOY 🔝 8264348440 🔝 Call Girls in Pari Chowk | Noida
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Pari Chowk | Noidasoniya singh
 
Lucknow 💋 Call Girl in Lucknow | Whatsapp No 8923113531 VIP Escorts Service A...
Lucknow 💋 Call Girl in Lucknow | Whatsapp No 8923113531 VIP Escorts Service A...Lucknow 💋 Call Girl in Lucknow | Whatsapp No 8923113531 VIP Escorts Service A...
Lucknow 💋 Call Girl in Lucknow | Whatsapp No 8923113531 VIP Escorts Service A...anilsa9823
 

Recently uploaded (20)

Turn Lock Take Key Storyboard Daniel Johnson
Turn Lock Take Key Storyboard Daniel JohnsonTurn Lock Take Key Storyboard Daniel Johnson
Turn Lock Take Key Storyboard Daniel Johnson
 
Jeremy Casson - Top Tips for Pottery Wheel Throwing
Jeremy Casson - Top Tips for Pottery Wheel ThrowingJeremy Casson - Top Tips for Pottery Wheel Throwing
Jeremy Casson - Top Tips for Pottery Wheel Throwing
 
Lucknow 💋 Call Girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 892311...
Lucknow 💋 Call Girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 892311...Lucknow 💋 Call Girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 892311...
Lucknow 💋 Call Girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 892311...
 
Gomti Nagar & High Profile Call Girls in Lucknow (Adult Only) 8923113531 Esc...
Gomti Nagar & High Profile Call Girls in Lucknow  (Adult Only) 8923113531 Esc...Gomti Nagar & High Profile Call Girls in Lucknow  (Adult Only) 8923113531 Esc...
Gomti Nagar & High Profile Call Girls in Lucknow (Adult Only) 8923113531 Esc...
 
OYO GIRLS Call Girls in Lucknow Best Escorts Service Near You 8923113531 Call...
OYO GIRLS Call Girls in Lucknow Best Escorts Service Near You 8923113531 Call...OYO GIRLS Call Girls in Lucknow Best Escorts Service Near You 8923113531 Call...
OYO GIRLS Call Girls in Lucknow Best Escorts Service Near You 8923113531 Call...
 
Aminabad @ Book Call Girls in Lucknow - 450+ Call Girl Cash Payment 🍵 8923113...
Aminabad @ Book Call Girls in Lucknow - 450+ Call Girl Cash Payment 🍵 8923113...Aminabad @ Book Call Girls in Lucknow - 450+ Call Girl Cash Payment 🍵 8923113...
Aminabad @ Book Call Girls in Lucknow - 450+ Call Girl Cash Payment 🍵 8923113...
 
exhuma plot and synopsis from the exhuma movie.pptx
exhuma plot and synopsis from the exhuma movie.pptxexhuma plot and synopsis from the exhuma movie.pptx
exhuma plot and synopsis from the exhuma movie.pptx
 
Alex and Chloe by Daniel Johnson Storyboard
Alex and Chloe by Daniel Johnson StoryboardAlex and Chloe by Daniel Johnson Storyboard
Alex and Chloe by Daniel Johnson Storyboard
 
The First Date by Daniel Johnson (Inspired By True Events)
The First Date by Daniel Johnson (Inspired By True Events)The First Date by Daniel Johnson (Inspired By True Events)
The First Date by Daniel Johnson (Inspired By True Events)
 
Lucknow 💋 Russian Call Girls Lucknow | Whatsapp No 8923113531 VIP Escorts Ser...
Lucknow 💋 Russian Call Girls Lucknow | Whatsapp No 8923113531 VIP Escorts Ser...Lucknow 💋 Russian Call Girls Lucknow | Whatsapp No 8923113531 VIP Escorts Ser...
Lucknow 💋 Russian Call Girls Lucknow | Whatsapp No 8923113531 VIP Escorts Ser...
 
RAK Call Girls Service # 971559085003 # Call Girl Service In RAK
RAK Call Girls Service # 971559085003 # Call Girl Service In RAKRAK Call Girls Service # 971559085003 # Call Girl Service In RAK
RAK Call Girls Service # 971559085003 # Call Girl Service In RAK
 
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...
Hazratganj ] (Call Girls) in Lucknow - 450+ Call Girl Cash Payment 🧄 89231135...
 
Jeremy Casson - An Architectural and Historical Journey Around Europe
Jeremy Casson - An Architectural and Historical Journey Around EuropeJeremy Casson - An Architectural and Historical Journey Around Europe
Jeremy Casson - An Architectural and Historical Journey Around Europe
 
Islamabad Escorts # 03080115551 # Escorts in Islamabad || Call Girls in Islam...
Islamabad Escorts # 03080115551 # Escorts in Islamabad || Call Girls in Islam...Islamabad Escorts # 03080115551 # Escorts in Islamabad || Call Girls in Islam...
Islamabad Escorts # 03080115551 # Escorts in Islamabad || Call Girls in Islam...
 
this is a jarvis ppt for jarvis ai assistant lovers and this is for you
this is a jarvis ppt for jarvis ai assistant lovers and this is for youthis is a jarvis ppt for jarvis ai assistant lovers and this is for you
this is a jarvis ppt for jarvis ai assistant lovers and this is for you
 
Charbagh / best call girls in Lucknow - Book 🥤 8923113531 🪗 Call Girls Availa...
Charbagh / best call girls in Lucknow - Book 🥤 8923113531 🪗 Call Girls Availa...Charbagh / best call girls in Lucknow - Book 🥤 8923113531 🪗 Call Girls Availa...
Charbagh / best call girls in Lucknow - Book 🥤 8923113531 🪗 Call Girls Availa...
 
Deconstructing Gendered Language; Feminist World-Making 2024
Deconstructing Gendered Language; Feminist World-Making 2024Deconstructing Gendered Language; Feminist World-Making 2024
Deconstructing Gendered Language; Feminist World-Making 2024
 
Lucknow 💋 Cheap Call Girls In Lucknow Finest Escorts Service 8923113531 Avail...
Lucknow 💋 Cheap Call Girls In Lucknow Finest Escorts Service 8923113531 Avail...Lucknow 💋 Cheap Call Girls In Lucknow Finest Escorts Service 8923113531 Avail...
Lucknow 💋 Cheap Call Girls In Lucknow Finest Escorts Service 8923113531 Avail...
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Pari Chowk | Noida
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Pari Chowk | NoidaFULL ENJOY 🔝 8264348440 🔝 Call Girls in Pari Chowk | Noida
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Pari Chowk | Noida
 
Lucknow 💋 Call Girl in Lucknow | Whatsapp No 8923113531 VIP Escorts Service A...
Lucknow 💋 Call Girl in Lucknow | Whatsapp No 8923113531 VIP Escorts Service A...Lucknow 💋 Call Girl in Lucknow | Whatsapp No 8923113531 VIP Escorts Service A...
Lucknow 💋 Call Girl in Lucknow | Whatsapp No 8923113531 VIP Escorts Service A...
 

CG Intro & Apps

  • 1. 1 Computer Graphics chapter 1 Dr. Jehad Q. O. Alnihoud Email: jehad@aabu.edu.jo Phone: 3354
  • 2. RM [1]-2 Books •F.S. Hill, Computer Graphics Using OpenGL, Prentice-Hall (2001). •Mason Woo, OpenGL Programming Guide, Addison Wesley (2000). •Hearn and Baker, Computer Graphics, Prentice-Hall (1997).
  • 3. RM [1]-3 Books (Supplementary reference)  Foley, V. Dam, Feiner, Hughes, Computer Graphics Principles and Practice, 2/e, Addison Wesley, 1997.  Edward Angel, Interactive Computer Graphics, Addison Wesley, 1997.  Zhigang Xiang, Schaum’s Outlines: Computer Graphics, McGrawHill, 2001.  Shreiner D, OpenGL Reference Manual, Addison-Wesley, 2000.
  • 4. RM [1]-4 Course Assessment  Coursework 50% First Exam 15%  Second Exam 15% Group Project 10% Lab 10%  Final Exam 50% Attendance in both lecture and lab sessions is compulsory.
  • 5. RM [1]-5 Graphics Applications  Art and Entertainment Animations Movies Commercials Special Effects
  • 6. RM [1]-6 Graphics Applications  Image Processing Analysis, Reconstruction Medical Imaging Movies
  • 7. RM [1]-7 Graphics Applications  Simulation Modeling and Analysis Virtual Environments
  • 8. RM [1]-8 Graphics Applications  Scientific Visualization Data Representation and Plotting 3D Views
  • 9. RM [1]-9 Graphics Applications  CAD/CAM Industrial Design Structural Design Surface Modeling
  • 10. RM [1]-10 Graphics Software Packages  Early graphics libraries: GKS (Graphical Kernel System)  PHIGS  OpenGL (Silicon Graphics)  Java2D (Sun Microsystems)  Java3D (Sun Microsystems)  VRML (Silicon Graphics)
  • 11. RM [1]-11 Graphics: Main Components  Theory Analytical Geometry Vectors and Matrices  Algorithms Eg: Line drawing, Filling etc.  Implementation Programming (OpenGL)
  • 12. RM [1]-12 Graphics Hardware  Line Drawing Devices: Eg. Pen Plotters Advantages: Perfect lines, Sharp Diagrams Disadvantages: Not suitable for filled regions.
  • 13. RM [1]-13 Graphics Hardware  Raster Devices: Create pictures by displaying dots  Eg: Video monitor, dot-matrix printer, laser printer, ink-jet printer, film recorder  Advantages: Filled, shaded regions are easily displayed  Disadvantages: Jaggies Pixel
  • 14. RM [1]-14 Pixel Depth  Pixel depth refers to the number of bits used to represent a pixel value. 1 bit/pixel: 0 1 2 Levels (Bi-level image) 2 bits/pixel: 0 0 4 Levels 0 1 1 0 1 1
  • 15. RM [1]-15 Pixel Depth 1 bit per pixel produce 2 levels (bi- level image). 2 bits per pixel produce 4 levels. 8 bits per pixel produce 256 levels. In general, if the pixel depth is n, then it is possible to have 2n levels.
  • 16. RM [1]-16 Raster Display  Most display used for computer graphics nowadays are raster displays.  Image presented in display surface that contains certain number of pixels. Eg. 480 x 640 (r x c).  Frame buffer is a region of memory sufficiently large to hold all the pixel values for display.
  • 17. RM [1]-17 Frame Buffer  System with 64 color (3 DACs): Each DAC uses 2 bits/pixel. Total color: 4 x 4 x 4 = 64 If the display surface is 1024 x 1280, then the memory required for frame buffer is 0.9375 MB  Monochrome Video display: Only one DAC required. 6 planes of memory in frame buffer gives 26 = 64 level of gray.
  • 18. RM [1]-18 Frame Buffer  System with 24 bit color (3 DACs): Each DAC uses 8 bits/pixel. (Total 24 bits/pixel) Total color: 28 x 28 x 28 = 224 If the display surface is 1024 x 1280, then the memory required for frame buffer is 3.75MB
  • 19. RM Basis colors: R, G, B R: Red=[1, 0, 0] G: Green=[0, 1, 0] B: Blue=[0, 0, 1] C: Cyan=[0, 1, 1] M: Magenta=[1, 0, 1] Y:Yellow=[1, 1, 0] W:White=[1,1,1] K: Black=[0,0,0] Color Models: RGB Diagram • RGB Model is used for colored light sources • RGB Model is additive
  • 20. RM [1]-20 Complementary Colors: Two colors that combine to form White. Eg. Red, Cyan. Gray Values: Every point on the primary diagonal has equal values for all the components. Color Models: RGB Cube
  • 21. RM [1]-21 Basis colors: C, M, Y C: Cyan=[1, 0, 0] M: Magenta=[0, 1, 0] Y: Yellow=[0, 0, 1] R: Red=[0, 1, 1] G: Green=[1, 0, 1] B: Blue=[1, 1, 0] W:White=[0,0,0] K: Black=[1,1,1] Color Models: CMY Diagram • CMY Model is used for colored pigments • CMY Model is subtractive
  • 22. RM [1]-22 Color Models: RGB <-> CMY (r, g, b)RGB = (1,1,1)  (c, m, y)CMY Light A red colored surface absorbs cyan from a white light
  • 23. RM [1]-23 Color Models: HSV HexCone
  • 24. RM [1]-24 H (Hue): 0 to 360 degrees 0: Red, 60: Yellow …. S (Saturation): 0 to 1 0: Axis, 1: Boundary V (Value): 0 to 1 0: Vertex, 1: Base Examples: Eg. Yellow: [60, 1.0, 1.0] Black: [ -, -, 0.0] White: [-, 0.0, 1.0] Color Models: HSV
  • 25. RM [1]-25 RGB Color Definition (OpenGL) Set a particular color: glColor3f(r,g,b); Set a background color: glClearColor(r,g,b,1); Clear the window to background color: glClear(GL_COLOR_BUFFER_BIT);