Professional Documents
Culture Documents
Chapter 1
Chapter 1
Chapter 1
Computer Graphics(CoSc3121)
Chapter One
Introduction to Computer Graphics
1
What is computer Graphics?
Computer graphics is an art of drawing pictures, lines, charts, etc. using computers
with the help of programming. Computer graphics image is made up of number of
pixels. Pixel is the smallest addressable graphical unit represented on the computer
screen.
Computer is information processing machine. User needs to communicate with
computer and the computer graphics is one of the most effective and commonly used
ways of communication with the user.
It displays the information in the form of graphical objects such as pictures, charts,
diagram and graphs.
Graphical objects convey more information in less time and easily understandable
formats for example statically graph shown in stock exchange.
In computer graphics picture or graphics objects are presented as a collection of discrete
pixels.
We can control intensity and color of pixel which decide how picture look like.
The special procedure determines which pixel will provide the best approximation to the
desired picture or graphics object this process is known as Rasterization.
The process of representing continuous picture or graphics object as a collection of
discrete pixels is called Scan Conversion.
2
Application of computer graphics
User interface: - Visual object which we observe on screen which communicates with
user is one of the most useful applications of the computer graphics.
Plotting of graphics and chart in industry, business, government and educational
organizations drawing like bars, pie-charts, histogram’s are very useful for quick and
good decision making.
Office automation and desktop publishing: - It is used for creation and dissemination
of information. It is used in in-house creation and printing of documents which contains
text, tables, graphs and other forms of drawn or scanned images or picture.
Computer aided drafting and design: - It uses graphics to design components and
system such as automobile bodies structures of building etc.
3
Application of computer graphics…
4
Display devices
Display devices are also known as output devices.
Most commonly used output device in a graphics system is a video monitor.
5
Display devices…
It is an evacuated glass tube.
An electron gun at the rear of the tube produce a beam of electrons which is directed
towards the screen of the tube by a high voltage typically 15000 to 20000 volts
Inner side screen is coated with phosphor substance which gives light when it is stroked bye
electrons.
Control grid controls velocity of electrons before they hit the phosphor.
The control grid voltage determines how many electrons are actually in the electron beam.
The negative the control voltage is the fewer the electrons that pass through the grid.
Thus control grid controls Intensity of the spot where beam strikes the screen.
The focusing system concentrates the electron beam so it converges to small point when
hits the phosphor coating.
Deflection system directs beam which decides the point where beam strikes the screen.
Deflection system of the CRT consists of two pairs of parallel plates which are vertical and
horizontal deflection plates.
Voltage applied to vertical and horizontal deflection plates is control vertical and horizontal
deflection respectively.
6
Display devices…
There are two techniques used for producing images on the CRT screen:
1. Vector scan/Random scan display.
2. Raster scan display.
1.Vector scan/Random scan display.
Fig. 1.2: -
Architecture of a
vector display.
7
Display devices…
Vector scan display directly traces out only the desired lines on CRT.
If we want line between point p1 & p2 then we directly drive the beam deflection circuitry
which focus beam directly from point p1 to p2.
If we do not want to display line from p1 to p2 and just move then we can blank the beam
as we move it.
To move the beam across the CRT, the information about both magnitude and direction is
required. This information is generated with the help of vector graphics generator.
Fig. 1.2 shows architecture of vector display. It consists of display controller, CPU,
display buffer memory and CRT.
Display controller is connected as an I/O peripheral to the CPU.
Display buffer stores computer produced display list or display program.
8
Display devices…
The Program contains point & line plotting commands with end point co-ordinates as well
as character plotting commands.
Display controller interprets command and sends digital and point co-ordinates to a vector
generator.
Vector generator then converts the digital co-ordinate value to analog voltages for beam
deflection circuits that displace an electron beam which points on the CRT’s screen.
In this technique beam is deflected from end point to end point hence this techniques is
also called random scan.
We know as beam strikes phosphors coated screen it emits light but that light decays after
few milliseconds and therefore it is necessary to repeat through the display list to refresh
the screen at least 30 times per second to avoid flicker.
As display buffer is used to store display list and used to refreshing, it is also called
refresh buffer
9
Display devices…
2.Raster Scan Display
OFF ON
Vertical Retrace
Horizontal Retrace
12
Display devices…
In raster scan displays a special area of memory is dedicated to graphics only.
This memory is called Frame Buffer.
Frame buffer holds set of intensity values for all the screen points.
That intensity is retrieved from frame buffer and display on screen one row at a
time.
Each screen point referred as pixel or Pel (Picture Element).
Each pixel can be specified by its row and column numbers.
It can be simply black and white system or color system.
In simple black and white system each pixel is either ON or OFF, so only one bit
per pixel is needed.
Additional bits are required when color and intensity variations can be displayed
up to 24-bits per pixel are included in high quality display systems.
On a black and white system with one bit per pixel the frame buffer is commonly
called a Bitmap. And for systems with multiple bits per pixel, the frame buffer is
often referred as a Pixmap. 13
Display devices…
Base of Difference Raster Scan System Random Scan System
Electron Beam The electron beam is swept across the The electron beam is directed only to the
screen, one row at a time, from top to parts of screen where a picture is to be
bottom. drawn.
Resolution Its resolution is poor because raster Its resolution is good because this system
system in contrast produces zigzag produces smooth lines drawings because
lines that are plotted as discrete point CRT beam directly follows the line path.
sets.
Picture Definition Picture definition is stored as a set of Picture definition is stored as a set of line
intensity values for all screen points, drawing instructions in a display file.
called pixels in a refresh buffer area.
Realistic Display The capability of this system to store These systems are designed for line-
intensity values for pixel makes it well drawing and can’t display realistic shaded
suited for the realistic display of scenes.
scenes contain shadow and color
pattern.
Draw an Image Screen points/pixels are used to draw Mathematical functions are used to draw
an image. an image.
14
Display devices…
Color CRT Monitors
15
Display devices…
1. Beam-penetration technique
16
Display devices…
2. Shadow Mask Technique
17
Display devices…
2. Shadow Mask Technique
18
Display devices…
19
Display devices…
Direct-view storage tubes (DVST)
In raster scan display we do refreshing of the screen to maintain a screen image.
DVST gives alternative method for maintaining the screen image.
DVST uses the storage grid which stores the picture information as a charge
distribution just behind the phosphor coated screen.
DVST consists two electron guns a primary gun and a flood gun.
A primary gun stores the picture pattern and the flood gun maintains the picture
display.
A primary gun emits high speed electrons which strike on the storage grid to draw
the picture pattern.
As electron beam strikes on the storage grid with high speed, it knocks out electrons
from the storage grid keeping the net positive charge.
The knocked out electrons are attracted towards the collector.
The net positive charge on the storage grid is nothing but the picture pattern.
The continuous low speed electrons from flood gun pass through the control grid
and are attracted to the positive charged area of the storage grid.
The low speed electrons then penetrate the storage grid and strike the phosphor
coating without affecting the positive charge pattern on the storage grid.
During this process the collector just behind the storage grid smooth out the flow of
flood electrons. 20
Display devices…
Direct-view storage tubes (DVST)
Advantage of DVST
•Refreshing of CRT is not required.
•Very complex pictures can be displayed at very high resolution without flicker.
•Flat screen.
Disadvantage of DVST
•They do not display color and are available with single level of line intensity.
•For erasing it is necessary to removal of charge on the storage grid so erasing and
redrawing process take several second.
•Erasing selective part of the screen cannot be possible.
•Cannot used for dynamic graphics application as on erasing it produce unpleasant
flash over entire screen.
•It has poor contrast as a result of the comparatively low accelerating potential applied
to the flood electrons.
•The performance of DVST is somewhat inferior to the refresh CRT.
21
Display devices…
Flat Panel Display
The term flat panel display refers to a class of video device that have reduced
volume, weight & power requirement compared to a CRT.
As flat panel display is thinner than CRTs, we can hang them on walls
We can separate flat panel display in two categories:
Emissive displays: - the emissive display or emitters are devices that convert
electrical energy into light. For Ex. Plasma panel, thin film electroluminescent
displays and light emitting diodes.
Non emissive displays: - non emissive display or non emitters use optical effects
to convert sunlight or light from some other source into graphics patterns. For Ex.
LCD (Liquid Crystal Display).
22
Display devices…
Plasma Panels displays
23
Display devices…
Plasma Panels displays
This is also called gas discharge displays.
It is constructed by filling the region between two glass plates with a mixture of
gases that usually includes neon.
A series of vertical conducting ribbons is placed on one glass panel and a set of
horizontal ribbon is built into the other glass panel.
Firing voltage is applied to a pair of horizontal and vertical conductors cause the gas
at the intersection of the two conductors to break down into glowing plasma of
electrons and ions.
Picture definition is stored in a refresh buffer and the firing voltages are applied to
refresh the pixel positions, 60 times per second.
Alternating current methods are used to provide faster application of firing voltages
and thus brighter displays.
Separation between pixels is provided by the electric field of conductor.
One disadvantage of plasma panels is they were strictly monochromatic device that
means shows only one color other like black and white.
24
Display devices…
Thin Film Electroluminescent Displays.
25
Display devices…
Thin Film Electroluminescent Displays.
It is similar to plasma panel display but region between the glass plates is filled with
phosphors such as Zink sulphide doped with magnesium instead of gas.
When sufficient voltage is applied the phosphors becomes a conductor in area of
intersection of the two electrodes.
Electrical energy is then absorbed by the manganese atoms which then release the
energy as a spot of light similar to the glowing plasma effect in plasma panel.
It requires more power than plasma panel.
In this good color and gray scale difficult to achieve.
26
Display devices…
Light Emitting Diode (LED).
In this display a matrix of multi-color light emitting diode is arranged to form the
pixel position in the display. And the picture definition is stored in refresh buffer.
Similar to scan line refreshing of CRT information is read from the refresh buffer
and converted to voltage levels that are applied to the diodes to produce the light
pattern on the display.
27
Display devices…
Liquid Crystal Display (LCD)
29
Display devices…
Liquid Crystal Display (LCD)
The intersection of two conductors defines a pixel position.
In the ON state polarized light passing through material is twisted so that it will pass
through the opposite polarizer.
In the OFF state it will reflect back towards source.
We applied a voltage to the two intersecting conductor to align the molecules so that
the light is not twisted.
This type of flat panel device is referred to as a passive matrix LCD.
In active matrix LCD transistors are used at each (x, y) grid point.
Transistor cause crystal to change their state quickly and also to control degree to
which the state has been changed.
Transistor can also serve as a memory for the state until it is changed.
So transistor make cell ON for all time giving brighter display then it would be if it had
to be refresh periodically 30
Display devices…
Three dimensional viewing devices
The graphics monitor which are display three dimensional scenes are devised using a
technique that reflects a CRT image from a vibrating flexible mirror.
Vibrating mirror changes its focal length due to vibration which is synchronized with the
display of an object on CRT.
Each point on the object is reflected from the mirror into spatial position corresponding
to distance of that point from a viewing position.
Very good example of this system is GENISCO SPACE GRAPH system, which use
vibrating mirror to project 3D objects into a 25 cm by 25 cm by 25 cm volume. This
system is also capable to show 2D cross section at different depth.
32
Display devices…
Application of 3D viewing devices
In medical to analyze data from ultra-sonography.
In geological to analyze topological and seismic data.
In designing like solid objects viewing and 3D viewing of objects.
Stereoscopic system
34
Display devices…
Virtual-reality
Virtual reality is the system which produce images in such a way that we feel that
our surrounding is what we are set in display devices but in actually it does not.
In virtual reality user can step into a scene and interact with the environment.
35
Graphics input devices
Keyboards
Keyboards are used as entering text strings. It is efficient devices for inputting such a non-
graphics data as picture label.
Cursor control key’s & function keys are common features on general purpose keyboards.
Many other application of key board which we are using daily used of computer graphics
are commanding & controlling through keyboard etc.
Mouse
Mouse is small size hand-held box used to position screen cursor.
Wheel or roller or optical sensor is directing pointer on the according to movement of
mouse.
Three buttons are placed on the top of the mouse for signaling the execution of some
operation.
Now a day’s more advance mouse is available which are very useful in graphics
application for example Z mouse.
36
Graphics input devices
Trackball and Space ball
Trackball is ball that can be rotated with the finger or palm of the hand to produce cursor movement.
Potentiometer attached to the ball, measure the amount and direction of rotation.
They are often mounted on keyboard or Z mouse.
Space ball provide six-degree of freedom i.e. three dimensional.
In space ball strain gauges measure the amount of pressure applied to the space ball to provide input
for spatial positioning and orientation as the ball is pushed or pulled in various directions.
Space balls are used in 3D positioning and selection operations in virtual reality system, modeling,
animation, CAD and other application.
Joysticks
A joy stick consists of small vertical lever mounted on a base that is used to steer the screen cursor
around.
Most joy sticks selects screen positioning according to actual movement of stick (lever).
Some joy sticks are works on pressure applied on sticks.
Sometimes joy stick mounted on keyboard or sometimes used alone.
Movement of the stick defines the movement of the cursor.
In pressure sensitive stick pressure applied on stick decides movement of the cursor. This pressure is
measured using strain gauge.
This pressure sensitive joy sticks also called as isometric joy sticks and they are non movable sticks.
37
Graphics input devices
Data glove
Digitizer
•Digitizer is common device for drawing painting or interactively selecting coordinates
position on an object.
•One type of digitizers is graphics tablet which input two dimensional coordinates by
activating hand cursor or stylus at selected position on a flat surface.
•Stylus is flat pencil shaped device that is pointed at the position on the tablet.
38
Graphics input devices
Image Scanner
•Image Scanner scan drawing, graph, color, & black and white photos or text and can
stored for computer processing by passing an optical scanning mechanism over the
information to be stored.
•Once we have internal representation of a picture we can apply transformation.
•We can also apply various image processing methods to modify the picture.
•For scanned text we can apply modification operation.
Touch Panels
•As name suggest Touch Panels allow displaying objects or screen-position to be selected
with the touch or finger.
•A typical application is selecting processing option shown in graphical icons.
•Some system such as a plasma panel are designed with touch screen
•Other system can be adapted for touch input by fitting transparent touch sensing
mechanism over a screen.
•Touch input can be recorded with following methods.
1. Optical methods
2. Electrical methods
3. Acoustical methods 39
Graphics input devices
Optical method
Optical touch panel employ a line of infrared LEDs along one vertical and one horizontal
edge.
The opposite edges of the edges containing LEDs are contain light detectors.
When we touch at a particular position the line of light path breaks and according to that
breaking line coordinate values are measured.
In case two line cuts it will take average of both pixel positions.
LEDs operate at infrared frequency so it cannot be visible to user
Electrical method
An electrical touch panel is constructed with two transparent plates separated by small
distance.
One is coated with conducting material and other is coated with resistive material.
When outer plate is touch it will come into contact with internal plate.
When both plates touch it creates voltage drop across the resistive plate that is
converted into coordinate values of the selected position.
40
Graphics input devices
Acoustical method
In acoustical touch panel high frequency sound waves are generated in horizontal and
vertical direction across a glass plates.
When we touch the screen the waves from that line are reflected from finger.
These reflected waves reach again at transmitter position and time difference between
sending and receiving is measure and converted into coordinate values.
41
Graphics input devices
Light pens
Light pens are pencil-shaped device used to select positions by detecting light coming
from points on the CRT screen.
Activated light pens pointed at a spot on the screen as the electron beam lights up that
spot and generate electronic pulse that causes the coordinate position of the electron
beam to be recorded.
Voice systems
It is used to accept voice command in some graphics workstations.
It is used to initiate graphics operations.
It will match input against predefined directory of words and phrases.
Dictionary is setup for a particular operator by recording his voice.
Each word is speak several times and then analyze the word and establishes a frequency
pattern for that word along with corresponding function need to be performed.
When operator speaks command it will match with predefine dictionary and perform
desired action.
42
Graphics software and standard
There are mainly two types of graphics software:
1.General programming package
2.Special-purpose application package
43
Graphics software and standard
Software Standard
Primary goal of standardize graphics software is portability so that it can be used
in any hardware systems & avoid rewriting of software program for different
system
Some of these standards are discuss below
Graphical Kernel System (GKS)
This system was adopted as a first graphics software standard by the international
standard organization (ISO) and various national standard organizations including
ANSI.
GKS was originally designed as the two dimensional graphics package and then later
extension was developed for three dimensions.
PHIGS (Programmer’s Hierarchical Interactive Graphic Standard)
PHIGS is extension of GKS. Increased capability for object modeling, color
specifications, surface rendering, and picture manipulation are provided in PHIGS.
Extension of PHIGS called “PHIGS+” was developed to provide three dimensional
surface shading capabilities not available in PHIGS.
44
Thank you!
45