UNIT 1 Introduction To Computer Graphics
UNIT 1 Introduction To Computer Graphics
com
1
https://genuinenotes.com
17
https://genuinenotes.com
2.6. Visualization
• Visualization is the process of visually representing the data.
To visualize large amount of information graphical computer
systems are used.
• Some methods generate very large amount of
data/information, analysis the property of the whole amount
25
https://genuinenotes.com
2.6. Visualization…..
2.6. Visualization…..
28
https://genuinenotes.com
33
https://genuinenotes.com
2.9. Simulation
• A representation of a problem, situation, etc. in mathematical
terms, using a computer is called simulation.
• Computer Simulation is the process of mapping the real-world
scenarios into mathematical model using computer graphics.
• Recently computer graphics is widely used to create simulated
36
https://genuinenotes.com
2.9. Simulation…..
2.9. Simulation…..
2.9. Simulation…..
2.9. Simulation…..
2.9. Simulation…..
2.9. Simulation…..
2.10. Cartography
• Cartography is the study and practice of designing maps using
computer graphics.
• Computer graphics is used to produce both accurate and
schematic representations of geographical and other natural
phenomena from measurement data.
44
https://genuinenotes.com
2.10. Cartography…..
4.Basic Concept
• RASTER : A rectangular array of points or dots.
• PIXEL (picture element) :One dot or picture element of the
raster
• SCAN LINE : A row of pixels
47
https://genuinenotes.com
4.1 Raster
• A rectangular array of points or dots.
4.2 Pixel
• One dot or picture element of the raster
• The pixel (a word invented from "picture element") is the
basic unit of programmable color on a computer display or in
a computer image
4.2 Pixel
4.2 Pixel
4.2 Pixel
4.3 Bitmap
• ones and zeros representation of the rectangular array points
on screen
• Black and white :- bitmap
• Pixmap :- color (colored raster image)
4.4 Vector
• Vector graphics is the creation of digital images through a
sequence of commands or mathematical statements that
place lines and shapes in a given two-dimensional or three-
dimensional space. In physics, a vector is a representation of
both a quantity and a direction at the same time.
4.4 Vector
• Vector graphics are based on vectors, which lead through
locations called control points or nodes. Each of these points
has a definite position on the x- and y-axes of the work plane
and determines the direction of the path; further, each path
may be assigned various attributes, including such values as
55
https://genuinenotes.com
4.4 Vector
4.5. Resolution
• The maximum number of points (pixel) that can be displayed
without overlap on a CRT is referred to as the resolution.
• It is also defined as the number of points per unit of measure
(per centimeter or per inch) that can be plotted horizontally
and vertically.
57
https://genuinenotes.com
4.5 Resolution
4.5 Resolution
4.5 Resolution
4.5 Resolution
Here’s a quick overview of the most common resolutions:
• SD: 480p / 576p
• HD: 720p / 1080p
• 4K: 2160p
• 8K: 4320p
4.5 Resolution
What is 4K Video Resolution
4K format was named because it has 4000 pixels horizontal
resolution approximately.
This format can't have the change in horizontal resolution, so
changes in aspect are made through the vertical resolution. For
4.5 Resolution
4.5 Resolution
4.5 Resolution
66
https://genuinenotes.com
4.7 Persistence
• It means how long they continue to emit light after the
electron beam is removed.
• Persistence is defined as the time it takes the emitted light
from the screen to decay to one-tenth of its original intensity.
• Lower persistence phosphors require higher refresh rates to
5. Input Devices
• Mouse, Touch Screen, Light Pen, Data Glove, Tablet (Digitizer),
Bar Code Reader
5.1. Mouse
• A mouse is a small hand-held device used to position the
cursor on the screen.
• Mouse are relative devices, that is, they can be picked up,
moved in space, and then put down gain without any change
in the reported position.
77
https://genuinenotes.com
78
https://genuinenotes.com
79
https://genuinenotes.com
82
https://genuinenotes.com
86
https://genuinenotes.com
90
https://genuinenotes.com
6.Output Devices
• The most common graphics output device is the video
monitor which is based on the standard cathode ray tube
(CRT) design, but several other technologies exist such as
LCDs, LEDs, the direct view storage tube(DVST) etc.
6.1. CRT
• CRT are the most common display devices on computer today.
A CRT is an evacuated glass tube, with a heating element on
one end and a phosphor-coated screen on the other end.
• When a current flows through this heating element (filament)
the conductivity of metal is reduced due to high temperature.
92
https://genuinenotes.com
6.1. CRT
6.1. CRT
• The cathode ray tube (CRT) is a tube containing one or more
electron guns (a source of electron) and a fluorescent screen
used to view images. A beam of electrons (cathode rays)
emitted by an electron gun, passes through focusing and
deflection systems that direct the beam toward specified
6.1. CRT
6.1 CRT
6.1.CRT
• There are two sets of weakly charged deflection plates with
oppositely charged, one positive and another negative. The first
set displaces the beam up and down and the second displaces
the beam left and right.
• The electrons are sent flying out of the neck of bottle (tube) until
101
https://genuinenotes.com
104
https://genuinenotes.com
105
https://genuinenotes.com
109
https://genuinenotes.com
110
https://genuinenotes.com
111
https://genuinenotes.com
Raster VS Random
Raster Random
1.Refresh Rates : 1.Refresh Rates :
Raster VS Random
Raster Random
Raster VS Random
118
https://genuinenotes.com
ADVANTAGE:
• Economical way to produce colors
LIMITATIONS:
• Generation of only four colors is possible
• Poor picture quality 121
https://genuinenotes.com
7. Frame Buffer
• The information in the buffer typically consists of color values
for every pixel .
• A frame buffer may be thought of as computer memory
organized as a two dimensional array . with each (x , y)
addressable location corresponding to one pixel.
128
https://genuinenotes.com
7. Frame Buffer…..
131
https://genuinenotes.com
1. Light travels from the back of the TV toward the front from a large
bright light.
2. A horizontal polarizing filter in front of the light blocks out all light
waves except those vibrating horizontally.
3. Only light waves vibrating horizontally can get through.
4. A transistor switches off this pixel by switching on the electricity
frequency(F) = 1/T
= 1/0.01638
= 61.05 HZ
142
https://genuinenotes.com
Numerical
Q.N.3.: How long would it takes to load a 640 X 480 frame buffer
with 12 bit per pixels if 105 bits can be transferred per second.
Ans :
total size of frame buffer :
= 640 X 480 X 12
*Formula:
144
Required size of frame= Resolution or total no. of pixel X no. of bit per pixel on screen
where , single pixel on screen = 2n and n= no. of bit per pixel on screen
https://genuinenotes.com
Numerical
Q.N.5.: Consider three different raster system with resolution
640 by 400, 1280 by 1024 and 2560 by 2048. what size frame
buffer (in byte) is needed for each of the system to store 12 bits
per pixel ? How much storage is required for each system if 24
bit per pixel are to be stored.
Ans :
1) for 12 bit per pixel system
the frame buffer(in byte) size needed
146
https://genuinenotes.com
Numerical
Q.N.6.: Suppose an RGB raster system is to be designed using 8-
inch by 10-inch screen with a resolution of 100 pixels per inch in
each direction . If we wont to store 9 bit per pixel in the frame
buffer . How much storage (in byte) do we need for the frame
buffer ?
Ans :
Size of screen = 8 inch × 10 inch.
Pixel per inch(Resolution) = 100.
148
https://genuinenotes.com
Numerical
Q.N.8.: Consider two raster system with resolution of 640 by
480 and 1280 by 1024. how many pixel could be accessed per
second in each of these system by a display controller that
refreshes the screen at the rate of 60 frames per second ? What
is the access time per pixel in each system ?
Ans :
for a raster system with resolution of 640 by 480,
i) No.of pixel accessed per second = 640 X 480 X 60
150
https://genuinenotes.com
Numerical
Q.N.10. : A system with 24 bits per pixel and resolution of 1024
by 1024. Calculate the size of frame buffer (in Megabytes).
Ans :
151
https://genuinenotes.com
Numerical
Q.N.11. : How Many k bytes does a frame buffer needs in a 600
x 400 pixel ?
Ans :
= 29.30 n k bytes.
152
https://genuinenotes.com
Numerical
Q.N.12. : Find out the aspect ratio of the raster system using 8 x
10 inches screen and 100 pixel/inch.
Ans :
We know that, Aspect ratio = Width / Height
= 8 x 100 = 4 / 5
10 x 100
153
https://genuinenotes.com
9. Graphics Software
• In computer graphics, graphics software refers to a program or
collection of programs that enable a person to manipulate images or
models visually on a computer. Computer graphics can be classified
into distinct categories: raster graphics and vector graphics, with
further 2D and 3d variants.
154
https://genuinenotes.com
9. Graphics Software
• In addition to static graphics, there are animation and video
editing software. Different types of software are often designed to
edit different types of graphics such as video, photos, and drawings.
The exact sources of graphics may vary for different tasks, but most
can read and write files.
155
https://genuinenotes.com
9. Graphics Software
9. Graphics Software
9. Graphics Software
9. Graphics Software
9. Graphics Software
• Interactive graphics allow users to make change over the
displayed objects. Several graphics software packages are now
available. There are two general classifications for graphics
software:
I. General programming packages
160
https://genuinenotes.com
161
https://genuinenotes.com
Color Models
• A color model is an abstract mathematical model describing
the way colors can be represented as tuples of numbers,
typically as three or four values or color components.
• •RGB
• •HSV
RGB
• The RGB color model is an additive color model in which red,
green and blue light are added together in various ways to
reproduce a broad array of colors.
• The name of the model comes from the initials of the three
additive primary colors, red, green and blue.
RGB
• Main diagonal => gray levels
• black is (0, 0, 0)
• white is (1, 1, 1)
• Hue is defined by the one or two largest parameters
168
RGB
https://genuinenotes.com
CMYK
CMYK Chart
CMYK
CMYK Print
HSV
• This color model is based on polar coordinates, not Cartesian
coordinates.
• Hue, saturation, value (brightness)
HSV
HSV is a non-linearly transformed (skewed) version of RGB cube
• •ue: quantity that distinguishes color family, say red from
yellow, green from blue (what color?)
• Saturation (Chroma): color intensity (strong to weak).
Intensity of distinctive hue, or degree of color sensation from
177
HSV
https://genuinenotes.com
179
https://genuinenotes.com
181
https://genuinenotes.com
Chapter 1