INTRODUCTION TO COMPUTER

GRAPHICS
 What is computer graphics?

Computer graphics refers to the creation, storage and

manipulation of pictures and drawings using digital
computers
Used in diverse fields to represent data .
Scientific researches, engineering applications,
medicine, business, industry, government, art,
entertainment, advertising, education and other
fields make use of computer graphics.
It enhances the communication between computers
and users.
 Application of Computer Graphics
Designing
• Engineering and architectural systems use
graphics for designing consumer products and many
other applications . CAD(computer aided design) is
used frequently in designing buildings, cities, aircraft,
spacecraft, defence mechanism and so on.
• Graphics make computer applications much more
interactive, active and dynamic . It opens unlimited
experimenting options for the designer .
 Image processing
 Animation
 Morphing
 Simulation
 E-learning
 Graphic design Example of graphic
2D and 3D image processing design of a car

and visualization

3D picture Animation
Film Industry
•Used largely in film industries and
multimedia application.

•Leaders of artistry and quality

 Game Industry
• The newest driving force in CG
• Focus on interactivity
• Cost effective solutions
• Avoiding commutating and other tricks
• Games drive the baseline
Medical Imaging and Scientific
Visualization
• Tools for teaching and diagnosis
• New data representations and modalities
• Drive issues of precision and correctness
• Focus on presentation and interpretation
of data
• Construction of models from acquired
data
Basic terms related to display devices:
•Pixel: A pixel is defined as the smallest size object or colour spot
that can be displayed and addressed on a monitor. Pixels are
normally arranged in a regular 2-dimensional grid, and are often
represented using dots or squares.

•Resolution: They are two types

1) Image Resolution: It refers to pixel spacing. In
normal PC monitor it ranges between 25 to 80 pixels per inch.
2) Screen Resolution: It is the number of
distinct pixels in each dimension that can be displayed.

•Dot: The internal surface of the coated monitor screen is

arranged into millions of tint cells(red, green, blue) called Dots.
•Dot pitch: It is the distance between any two dots of the same
colour. It is the measure of screen resolution. Smaller the dot
pitch, higher will be the resolution, sharpness and detailed.

Note: If the image resolution is more compared to the

inherent resolution, then the displayed image quality gets
reduced.

•Aspect ratio: It is the ratio of the number of X pixels to the Y

pixels. The standard aspect ratio for PCs is 4:3 and 5:4.

Note: 5:4 aspect ratio distorts the image a bit.

 Resolution Number of Aspect Ratio
Pixels
320*200 64000 8:5

640*480 307200 4:3

800*600 480000 4:3

1024*768 786432 4:3

1280*1024 1310720 5:4

1600*1200 1920000 4:3

Table 1: Common resolution, respective number of pixels and standard aspect

ratios.
Bit Planes, Colour Depth and Colour Palette
NOTE:

 The appearance and colour of a pixel of an image is

result of interaction of three primary colour.
 When the intensity of all the 3 electron beam is high it
results in a white pixel.
 When the intensity of all the 3 electron beam is low it
results in a black pixel.
 When the intensity of all the 3 electron beam is in any
other combination it results in a intermediate coloured pixel.
•Colour Depth: The number of memory bits required to store
colour information(intensity value for all three primary colour
component) about a pixel is called colour depth or bit depth.
Corresponding to the intensity value 0 or 1,pixel can be black or
white.

•Bit plane or bitmap: The block of memory which stores bi-

level intensity values for each pixel of a full screen pure black and
white image is called a bit map or bit plane.

NOTE:
Colour or grey levels can be achieved using additional bit planes. Hence n-
bits per pixel means colour depth=n and it is a collection of n bit planes allowing 2^n
colours at every pixel.
Figure: For colour depth=n, n number of bit planes are used, each
bit plane contribute to the gray shade of pixel.
 Note:
The more the number of bits used per pixel, the finer the colour detail of
the image. However more memory is used for storage.

Colour Depth Number of Bytes of Storage Common Name

Displayed colour Per Pixel for Colour Depth

4-Bit 16 0.5 Standard VGA

8-Bit 256 1.0 256-Colour Mode

16-Bit 65536 2.0 High Colour

24-Bit 1,67,77,216 3.0 True Colour

Table: Common colour depths used in PCs

 True colour:
For True Colour three bytes of information is used- Red,
Green and Blue .
A byte can hold 256 different values and so 256 voltage
settings are possible for each electron.
Hence each primary colour has 256 intensities.
16 million colour possibilities.
True colour is necessary for doing high quality photo-
editing, graphical design etc.

Primary Colours
Figure: For Bit depth = 24 (true colour display) , 8 bit planes used for
storing each primary colour component ;of the colour value of a pixel
High Colour:
For High Colour two bytes of information are used to store
the intensity values for all three colours.
This is done by dividing 16 bits into 5 bits for blue 5 bits for
red and 6 bits for green.
Hence it has reduced colour precision and loss of visible
picture quality.
It is sometimes preferred as it uses 33% less memory than in
true colour.

256-Colour Mode:

In 265-colour mode the PC uses only 8 bits.

It may use 2 bits for blue, 3 bits for green and red.
There is chances that most of the colours of a picture are
not present.
In such cases we use a palette or look-up table.
Palette or Look-up table:

A palette or look-up table is a separate memory block

created containing 256 different colours.
The intensity values stored therein are not constrained
within the range of 0-3 for blue and 0-7 for red and green.
The intensity value finally results in having intensity 0-
256 each.
It is an excellent compromise at the cost of moderate
increase in memory.
It can be reloaded any time with different colour
combination.
Frame Buffer :
The frame buffer is the video memory that is used to hold
or map the image displayed on the screen.
The amount of memory required to hold the image
depend primarily on the resolution of the screen image and the
colour depth.
The formula to calculate how much video memory is
required at a given resolution and bit depth is given below.

Memory in MB = (X-resolution*Y-resolution*Bit per

pixel)/(8*1024*1024)
Display Devices:
The most prominent part of a computer is the display
system that is responsible for graphic display. Some of the
common types are given below:

1) Raster Scan Display

2) Random Scan Display
3) Direct View storage tube.
4) Flat Panel Displays
5) Three Dimensional Viewing Devices
6) Stereoscopic and Virtual Reality System
Fig : CRT used in TVs
Raster Scan Display and Random Scan Display:
Basically there are two types of CRT’s- Raster Scan type and
Random Scan type.

The main difference between the two is the technique with

which the image is generated on the phosphor coated CRT screen.

In Raster scan type the electron beam sweeps the entire

screen from left to right, top to bottom, in the same fashion as we
write on a notebook, word by word.

In Random Scan type the electronic beam is directed

straightway to the particular point(s) on the screen where the
image has to be produced. This technique is also called vector
drawing or stroke writing or calligraphic display.
Figure: Drawing a triangle on a Raster Scan Display
Figure :Drawing a triangle using Random Scan Display
 Though the vector drawn images lack in depth and real-
like colour precision, the random display can work at higher
resolution than raster displays.

The images are sharper and have smooth edges unlike the
jagged lines and edges in raster type.

Direct View Storage Tube :

It is rarely used now-a-days as part of display system.

In DVST there is no refresh buffer; the images are created by

drawing vectors or line segment with relatively slow moving
electron beam.
 It is one of the display devices in which an electron
flood gun and writing gun is present.
The flood gun floods electrons to a wire grid on which
already the writing gun has written some image.
The electrons from the flood gun will be repelled back
by the negatively charged wire grid which has been charged so
by the writing electron beam.
The part of the wire grid which has not been charged
-ve will allow the electrons to pass through and the electrons
will collide on the screen and produce the image.

Advantages-
1)Refreshing CRT is not required.
2)Complex picture can be displayed in high resolution without
flicker
3)It has flat screen
Flat Panel Display:
It refers to a class of video devices
that have a:-
reduced volume, smaller,thinner,
reduced weight and
reduced power requirements
compared to a standard CRT
In existence since 1964’s,Flat
Examples are LCD, Plasma display panel, LED panel displays are much
panel and thin CRT. thinner and flatter than
traditional TVs
Current usage:
• Small and big TV monitors
• Pocket video games
• Laptop computers
• Advertisement boards in
elevators and showrooms.
• Portable monitors.
Thin/Slim CRT:
To produce a thin CRT, the normal CRT is reduced by
bending it in the middle.

The deflection apparatus is modified so that electron

beams can be bend through 90 degrees to focus on the screen
and at the same time can be steered up and down and across the
screen.

Fig:
Thin CRT from Candescent Technologies
LCD(LIQUID CRISTAL DISPLAY)
LCD consists of a layer of liquid crystal, sandwiched
between two polarized plates.

The polarizers are aligned perpendicular to each other, so

that light incident on the first polarizer will be blocked by the
second.

The LCD displays are addressed in a matrix fashion.

Rows and Columns are defined by a thin layer of vertical

transparent conductors.

The intersection of the two conductors defines

a pixel position.
Figure: There are two thin films of polarizer
glued on both sides of the glass. The purpose of
the polarizer is to allow the right amount of
backlight to pass through it in order to have a
proper display.
 The liquid crystal material is made up of
long rod shaped crystalline molecules containing cynobiphenyl
units.

The individual polar molecules in a nematic LC

layer are normally arranged in a spiral fashion.

Light from an internal source enters the first

polarizer(say horizontal) and is polarized accordingly. As the light
passes through the LC layer it is twisted 90 degrees.

NOTE : The light entering through the front polarizer is not allowed to pass
through the rear polarizer due to mismatch of polarization direction.
The result is ZERO reflection of light and hence the LCD appears black.

In a color LCD there are layers of 3 liquid crystal

panels one on top of other. Each one is filled with a color- Red,
Green or Blue liquid crystal.
Fig: Layer of LCD panel
Advantage of 3 layers:

It helps create as many as screen pixels as

intersections.
It has high resolution panels.
Each pixel comprises 3 color cells or sub pixel
elements.

Comparison between LCD and CRT:

The image painting operation in LCD panel is

different from CRT.
Both are of Raster scan type.

FIG: LCD and CRT

Plasma Panel :

Here a layer of gas usually neon is sandwiched between

two glass plates.

Thin vertical strips of conductor run across one plate,

while horizontal conductors run up and down the other plate.

By applying high voltage to a pair of horizontal and vertical

conductors, a pair of horizontal and vertical conductors, a small
section of gas at the intersection of the conductors breaks down
into glowing plasma of electrons and ions.

In the array of gas bulbs, each one can be set to an ‘on’

state or ‘off ‘state by adjusting the voltage of the pair of
conductor.
Advantage:
1) Excellent brightness.
2)High contrast
3)Huge scalability
Limitation:
1) Very costly.

Fig: Layers of Plasma

Panel
READYMADE IMAGE

SCANNER:
A graphic device which directly copies images from a
paper or photograph and converts it into the digital format for
display, storage and graphic manipulation is called a scanner.

Types of scanner:

1. Drum scanner : They are the high-end scanners.

2. Sheetfed scanner: They are ordinary type scanner.
3. Flatbed scanner: It strikes a balance between the above two
in quality as well as price.
4. Handheld scanner / bar code readers: They are used for
scanning documents in strips of about 4 inches wide by holding
the scanner in one hand and sliding it over the documents.
Fig: Drum Scanner Fig: Sheetfed scanner

Fig: Barcode Reader

Fig : Flatbed Scanner