CGM PPT UNIT-1
CGM PPT UNIT-1
CGM PPT UNIT-1
TECHNOLOGY
Presented By:
Manish Kumar Jha
Department of CSE
1
INTRODUCTION OF SUBJECT
An electronic device which is
COMPUTER
capable of receiving information
(data) in a particular form and of
performing a sequence of operations
in accordance with a predetermined.
2
Computer graphics is an art of
drawing pictures, lines, charts, etc
using computers with the help of
Computer programming. Computer graphics
Graphics
is made up of number of pixels.
Pixel is the smallest graphical
picture or unit represented on
the computer screen.
Multimedia means
that computer information can be
Multi-Media represented through audio, video,
and animation in addition to
traditional media (i.e., text, graphics
drawings, images).
3
Computer Graphics is the creation of pictures with the
help of a computer. The end product of the computer
graphics is a picture it may be a business graph,
drawing, and engineering.
Computer graphics is a broad area of computer science,
incorporating elements of:
Graphic design
4
Suppose a shoe manufacturing company want to show the sale
of shoes for five years. For this vast amount of information is
to store. So a lot of time and memory will be needed. This
method will be tough to understand by a common man.
In this situation graphics is a better alternative. Graphics tools
are charts and graphs. Using graphs, data can be represented
in pictorial form. A picture can be understood easily just with a
single look.
Interactive computer graphics work using the concept of two-
way communication between computer users. The computer
will receive signals from the input device, and the picture is
modified accordingly. Picture will be changed quickly when we
apply command.
5
The main objective is to introduce to the students the concepts of
computer graphics. It starts with an overview of interactive
computer graphics, two dimensional system and mapping, then it
presents the most important drawing algorithm, two-dimensional
transformation; Clipping, filling and an introduction to 3-D
graphics.
•Course Components:
•Introduction to computer graphics
•Point-plotting techniques
• Two-dimensional transformation
•Clipping and drawing
•Polygon Filling
• Introduction to 3-dimensional graphics
6
1. To introduce the use of the components of a graphics system
and become familiar with building approach of graphics system
components and algorithms related with them.
2. To learn the basic principles of 3- dimensional computer
graphics.
3. Provide an understanding of how to scan convert the basic
geometrical primitives, how to transform the shapes to fit them
as per the picture definition.
4. Provide an understanding of mapping from a world coordinates
to device coordinates, clipping, and projections.
5. To be able to discuss the application of computer graphics
concepts in the development of computer games, information
visualization, and business applications.
6. To comprehend and analyze the fundamentals of animation,
virtual reality, underlying technologies, principles, and
applications.
7
Title: Computer Graphics
1.Author: D. Hearn & M. Baker
2. NEETU AGARWAL
3. AJAY SINGH
Publisher: Prentice Hall
8
It involve learning How to use graphics programmes to produce
nice designs.
9
INDEX
•UNIT-1:Basic Of Computer Graphics
•UNIT-2:Graphics Primitives.
10
UNIT-1 CONTENTS
1.1 Basic Of Computer Graphics
1.2 Applications of Computer Graphics
1.3 Display Devices
1.3.1 CRT
1.3.2 Components Of CRT
Back
11
Computer graphics is an art of drawing pictures on computer screens with the
help of programming. It involves computations, creation, and manipulation of
data. In other words, we can say that computer graphics is a rendering tool for
the generation and manipulation of images.
To display a picture of any size on a computer screen is a difficult process.
Computer graphics are used to simplify this process. Various algorithms and
techniques are used to generate graphics in computers.
The term computer graphics has been used in a broad sense to describe
"almost everything on computers that is not text or sound". Typically,
the term computer graphics refers to several different things:
1. The representation and manipulation of image data by a computer
2. The various technologies used to create and manipulate images
3. Methods for digitally synthesizing and manipulating visual content
12
(A) Non-Interactive or Passive Computer Graphics:
In non-interactive computer graphics, the picture is produced on
the monitor, and the user does not have any controlled over the
image, i.e., the user cannot make any change in the rendered
image. One example of its Titles shown on T.V.
Non-interactive Graphics involves only one-way communication
between the computer and the user, User can see the produced
image, and he cannot make any change in the image.
13
LOGO
COREL DRAW
AUTO CAD
3D STUDIO
CORE
GKS (Graphics Kernel System)
PHIGS
CAM (Computer Graphics Metafile)
CGI (Computer Graphics Interface)
14
Pixel: “Pixel is the smallest unit of a picture displayed on the computer screen.”
The pixel (a word invented from "picture element") is the basic unit of
programmable color on a computer display or in a computer image. Think of it
as a logical - rather than a physical - unit.
The ratio of an image’s width to its height, we can measure it in unit length or number
of pixels, is known as the aspect ratio of the image.
A graphical image is created by dividing the computer’s display screen into a
grid of tiny dots called pixels.Frame buffer memory can also store other
information, such as the color of each pixel.
15
One method of producing an image
in the frame buffer is to use a block
of memory called a bitmap to store
small, detailed figures such as a text
character or an icon.
16
Resolution: It is the number of separate pixels display on a screen expressed in
terms of pixels on the horizontal axis and vertical axis.
The sharpness of the picture on display depends on the resolution and the size of
the monitor.
“The number of pixels per unit is called the resolution of the image.”
17
It also includes-
Image Resolution: “The distance between two pixels.”
Screen Resolution: “The number of horizontal and vertical
pixels displayed on the screen is called Screen Resolution.”
For Example– 640 x 480, 1024 x 768 (Horizontal x Vertical)
18
Aspect Ratio: “The ratio of image’s width to its height is known as the aspect ratio
of an image.” The height and width of an image are measured in length or number
of pixels.
For Example: If a graphics has an aspect ratio of 2:1, it means the width is twice
large to height.
It includes–
Frame aspect ratio: Horizontal /Vertical Size
19
Computer Graphics has numerous applications, some of which paradigm which
allows the user to interact with a computer. are listed below −
•Photo Enhancement − Sharpening blurred photos. the hard type of the past.
20
•Architecture − Construction plans, exterior sketches - replacing the blueprints
and hand drawings of the past.
21
The display device is an output device used to represent the information in the
form of images (visual form). Display systems are mostly called a video
monitor or Video display unit (VDU).
1. Cathode-Ray Tube(CRT)
2. Color CRT Monitor
3. Liquid crystal display(LCD)
4. Light Emitting Diode(LED)
5. Direct View Storage Tubes(DVST)
6. Plasma Display.
22
Cathode-ray Tube (CRT): Here, CRT stands for Cathode ray tube. It is a
technology which is used in traditional computer monitor and television.
Cathode ray tube is a particular type of vacuum tube that displays images when an
electron beam collides on the radiant surface.
23
Electron Gun: The electron gun is made up of several elements, mainly
a heating filament (heater) and a cathode.
The electron gun is a source of electrons focused on a narrow beam
facing the CRT.
Focusing & Accelerating Anodes: These anodes are used to produce a
narrow and sharply focused beam of electrons.
Horizontal & Vertical Deflection Plates: These plates are used to guide
the path of the electron the beam. The plates produce an electromagnetic
field that bends the electron beam through the area as it travels.
Phosphorus-coated Screen: The phosphorus coated screen is used to
produce bright spots when the high-velocity electron beam hits it.
24
1. Refresh and Raster Scan Display System.
25
Raster Scan: It is a scanning technique in which the electron beam moves along
the screen. It moves from top to bottom, covering one line at a time.
A raster scan is based on pixel intensity control display as a rectangular box on the
screen called a raster.
Picture description is stored in the memory area called as Refresh buffer, or
Frame Buffer.
Frame buffer is also known as Raster or Bitmap. Raster scan provides the refresh
rate of 60 to 80 frames per second.
26
Figure: Graphics System
System Bus
I/O
Devices 27
Architecture Of Raster Graphics System
•It does this by scanning one scan line at a time, from top to bottom and then back to the
top.
•This scanning process is called refreshing.
•Each complete scanning of a screen is normally called a frame.
•Raster scan is most common method of displaying images on the CRT screen.
•In this method, the horizontal and vertical deflection signals are generated to move the
beam all over the screen in a pattern.
28
Here, the beam is swept back and forth from the left to the right across the screen.
When the beam is moved from left to the right, it is ON.
The beam is OFF, when it is moved from the right to the left as shown by dotted line in figure.
When the beam reaches the bottom of the screen, it is made OFF and rapidly retracted back to
the top left to start again.
A display produced in this way is called as raster scan.
In raster scan display a special area of memory is dedicated to graphics only. This memory
area is called frame buffer.
This frame buffer stores the intensity values for all the screen points. Each screen point is
called a pixel (picture element).
On black and white systems, the frame buffer storing the values of the pixels is called a
bitmap.
29
Advantages:
Real image
Many colors to be produced
Dark scenes can be pictured
Disadvantages:
Less resolution
Display picture line by line
More costly
30
Random Scan (Vector scan): It is also known as stroke-writing display or
calligraphic display. In this, the electron beam points only to the area in which the
picture is to be drawn.
After compilation of picture drawing, the system cycle back to the first line and
create all the lines of picture 30 to 60 times per second.
31
Fig: A Random Scan display draws the lines of an object
in a specific order
32
Figure: Graphics System
System Bus
I/O Devices
33
Advantages:
High Resolution
Draw smooth line Drawing
Less Memory Required
Disadvantages:
34
Random Scan Raster Scan
1. It has high Resolution 1. Its resolution is low.
2. It is more expensive 2. It is less expensive
3. Any modification if needed is easy 3.Modification is tough
35
36
Color CRT Monitors:
The CRT Monitor display by using a combination of phosphors. The phosphors are
different colors.
This was one the earlier CRTs to produce color displays. Coating phosphors of
different compounds can produce different colored pictures. But the basic problem
of graphics is not to produce a picture of a predetermined color, but to produce
color pictures, with the color characteristics chosen at run time.
The basic principle behind colored displays is that combining the 3 basic colors –
Red, Blue and Green, can produce every color. By choosing different ratios of these
three colors we can produce different colors – millions of them in-fact. We also
have basic phosphors, which can produce these basic colors. So, one should have a
technology to combine them in different combinations.
There are two popular approaches for producing color displays with a CRT are:
Beam Penetration Method
Shadow-Mask Method
37
Beam Penetration Method:
The organization is something like this – The red, green and blue phosphorus are coated
in layers – one behind the other. If a low speed beam strikes the CRT, only the red
colored phosphorus is activated, a slightly accelerated beam would activate both red and
green (because it can penetrate deeper) and a much more activated one would add the
blue component also.
The Beam-Penetration method has been used with random-scan monitors. In this
method, the CRT screen is coated with two layers of phosphor, red and green and the
displayed color depends on how far the electron beam penetrates the phosphor layers.
38
A beam of slow electrons excites only the outer red layer.
A beam of very fast electrons penerates through the red layer and excites the inner green
layer.
The beam acceleration voltage controls the speed of the electrons and hence the screen
colours at any point on the screen.
39
Advantages:
•Inexpensive
Disadvantages:
•Only four colors are possible
•Quality of pictures is not as good as with another method.
40
Shadow Mask Method is commonly used in Raster-Scan System
because they produce a much wider range of colors than the beam-
penetration method.
It is used in the majority of color TV sets and monitors.
Construction: A shadow mask CRT has 3 phosphor color dots at each
pixel position.
One phosphor dot emits: red light
Another emits: green light
Third emits: blue light
This type of CRT has 3 electron guns, one for each color dot and a
shadow mask grid just behind the phosphor coated screen.
One phosphor dot emits a red light. Another emits green light and third
emits a blue light.
Figure shows the delta-delta shadow mask method commonly used in
color CRT system.
41
It has three electrons guns. One for each colour dot, and a
shadow mask grid just behind phosphor coated screen.
Three electrons beams are deflected and focused as a group
onto the shadow mask and when they pass through a hole in
the shadow mask, that excite a dot triangle.
A dot triangle consist of three small phosphor dots of red,
green and blue colour.
42
Advantage:
•Realistic image
Disadvantage:
•Convergence Problem
43
Difference between Beam Penetration and Shadow Mask :
45
Each LCD screen contains a matrix of pixels that display the image on the screen.
Early LCDs had passive-matrix screens, which controlled individual pixels by sending
a charge to their row and column. Since a limited number of electrical charges could be
sent each second, passive-matrix screens were known for appearing blurry when
images moved quickly on the screen. Modern LCDs typically use active-
matrix technology, which contain thin film transistors, or TFTs.
These transistors include capacitors that enable individual pixels to "actively" retain
their charge. Therefore, active-matrix LCDs are more efficient and appear more
responsive than passive-matrix displays.
46
LED Display (light-emitting diode display) is a screen display technology that uses a
panel of LEDs as the light source. Currently, a large number of electronic devices, both
small and large, use LED display as a screen and as an interaction medium between the
user and the system. Modern electronic devices such as mobile phones, TVs, tablets,
computer monitors, laptops screens, etc., use a LED display to display their output.
LED Display is one of the main screen displays that are being commercially used. The
biggest advantage of the LED display is its efficient and low-energy consumption, which
is especially needed for handhelds and chargeable devices such as mobile phones and
tablets. An LED display consists of a number of LED panels that, in turn, consist of
several LEDs. LEDs have numerous advantages over other light-emitting sources that can
be used alternatively. Aside from being power efficient, LEDs produce more brilliance
and greater light intensity. LED Display is different from the vacuum fluorescent display
used in some consumer electronics such as car stereos, videocassette recorders, etc., and,
hence, these two should not be confused with each other.
LED is a type of LCD that actually accompanies the advancement of technology. This
replaces the fluorescent tube with backlight technology, which produces a clearer picture
than the LCD. LED have wider viewing angle than the LCD. It have better black level
and contrast in comparison to LCD LCD display. LED delivers better color accuracy in
comparison to the LCD.
47
Difference between LED and LCD:
49
Working principle of DVST :
In DVST similar with CRT electron gun and phosphor coated method is used. But in this no
electron beam is used to directly writing pictures on screen, but instead of this we can used
Storage mesh wire grid is used it is just located behind phosphor coated screen. Their is also
another grid located just behind storage mesh is called Collector and this purpose is to
smooth out flow of flood electrons. The flood gun produce large number of electrons, this
negatively charged grid reduces speed of these electrons. Then electrons pass through
collector at low velocity and attracted by positive charged portions of storage mesh and
strike at portions of phosphor coated screen to display picture. Some electrons get repelled
by other portions of mesh that are negatively charged.
Since the collector has slowly down electrons, in this way they not able to produce
sharpened images. So to reduce this problem, screen itself is maintained at a high positive
potential by means of voltage applied to thin aluminum coating between tube face and
phosphor.
50
Advantages of DVST :
Disadvantages of DVST :
•To erase selected part of an image, entire screen needs to be erased and modified
pictures needs to be redrawn.
51
Plasma panel is a type of display which consists of two parallel glass plates which
are separated by a thin gap. The gap between the glass plates is filled with gases
which include neon. As the other name of the plasma panel is gas discharge display,
because of the gases which are filled in between the parallel plates of the plasma
panel. Plasma panel are available both the colors black and white and also color
type which is in great demand today.
It is the display which depends upon the light bulb and also mixture of gases which
are present in between the two plates of the plasma display.
It consumes more power.
They have poor performance at high attitudes due to the pressure in between the
gases and also high air pressure at altitudes.
It has lower brightness, so it is basically viewed in darkened-rooms.
As it consumes more power, so it also produce more heat.
Screen surface is less reflective.
They are cheaper comparison to LCD
52
A plasma display panel (PDP) is a type of flat panel display that
uses small cells containing plasma: ionized gas that responds
to electric fields. Plasma TVs were the first flat panel displays to
be released to the public.
53
The Input Devices are the hardware that is
used to transfer transfers input to the
computer. The data can be in the form of text,
graphics, sound, and text. Output device
display data from the memory of the computer.
Output can be text, numeric data, line,
polygon, and other objects.
54
These Devices include:
Keyboard
Mouse
Trackball
Spaceball
Joystick
Light Pen
Digitizer
Touch Screen
Voice Recognition
Image Scanner
55
The most commonly used input device is a keyboard. The data is entered by pressing the
set of keys. All keys are labeled. A keyboard with 101 keys is called a QWERTY
keyboard.
The keyboard has alphabetic as well as numeric keys. Some special keys are also
available.
Numeric Keys: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
Alphabetic keys: a to z (lower case), A to Z (upper case)
Special Control keys: Ctrl, Shift, Alt
Special Symbol Keys: ; , " ? @ ~ ? :
Cursor Control Keys: ↑ → ← ↓
Function Keys: F1 F2 F3....F9.
Numeric Keyboard: It is on the right-hand side of the keyboard and used for fast entry
of numeric data.
Function of Keyboard:
Alphanumeric Keyboards are used in CAD. (Computer Aided Drafting)
Keyboards are available with special features line screen co-ordinates entry, Menu
selection or graphics functions, etc.
Special purpose keyboards are available having buttons, dials, and switches. Dials are
used to enter scalar values. Dials also enter real numbers. Buttons and switches are used
to enter predefined function values.
56
A Mouse is a pointing device and used to position the
pointer on the screen. It is a small palm size box. There are
two or three depression switches on the top. The movement
of the mouse along the x-axis helps in the horizontal
movement of the cursor and the movement along the y-axis
helps in the vertical movement of the cursor on the screen.
The mouse cannot be used to enter text. Therefore, they are
used in conjunction with a keyboard.
57
It is a pointing device. It is similar to a mouse.
This is mainly used in notebook or laptop
computer, instead of a mouse. This is a ball
which is half inserted, and by changing fingers
on the ball, the pointer can be moved.
58
It is similar to trackball, but it can move in six directions
where trackball can move in two directions only. The
movement is recorded by the strain gauge. Strain gauge
is applied with pressure. It can be pushed and pulled in
various directions. The ball has a diameter around 7.5
cm. The ball is mounted in the base using rollers. One-
third of the ball is an inside box, the rest is outside.
Applications:
It is used for three-dimensional positioning of the
object.
It is used to select various functions in the field of
virtual reality.
It is applicable in CAD applications.
60
Light Pen (similar to the pen) is a pointing device which is
used to select a displayed menu item or draw pictures on
the monitor screen. It consists of a photocell and an optical
system placed in a small tube. When its tip is moved over
the monitor screen, and pen button is pressed, its photocell
sensing element detects the screen location and sends the
corresponding signals to the CPU.
61
The digitizer is an operator input device, which contains a
large, smooth board (the appearance is similar to the
mechanical drawing board) & an electronic tracking device,
which can be changed over the surface to follow existing
lines. The electronic tracking device contains a switch for
the user to record the desire x & y coordinate positions. The
coordinates can be entered into the computer memory or
stored or an off-line storage medium such as magnetic
tape. It is also known as graphics tablet, digitizing pad and
drawing tablet
62
Touch Panels is a type of display screen that has a
touch-sensitive transparent panel covering the
screen. A touch screen registers input when a
finger or other object comes in contact with the
screen.
When the wave signals are interrupted by some
contact with the screen, that located is recorded.
Touch screens have long been used in military
applications.
63
Voice Recognition is one of the newest, most
complex input techniques used to interact with the
computer. The user inputs data by speaking into a
microphone. The simplest form of voice
recognition is a one-word command spoken by
one person. Each command is isolated with pauses
between the words.
Voice Recognition is used in some graphics
workstations as input devices to accept voice
commands. The voice-system input can be used to
initiate graphics operations or to enter data. These
systems operate by matching an input against a
predefined dictionary of words and phrases.
64
It is an input device. The data or text is written on
paper. The paper is feeded to scanner. The paper
written information is converted into electronic
format; this format is stored in the computer. The
input documents can contain text, handwritten
material, picture extra.
By storing the document in a computer document
became safe for longer period of time. The document
will be permanently stored for the future. We can
change the document when we need. The document
can be printed when needed.
Scanning can be of the black and white or colored
picture. On stored picture 2D or 3D rotations, scaling
and other operations can be applied.
65
Flat Bed Scanner: It resembles a photocopy machine. It has a
glass top on its top. Glass top in further covered using a lid.
The document to be scanned is kept on glass plate. The light
is passed underneath side of glass plate. The light is moved
left to right. The scanning is done the line by line. The
process is repeated until the complete line is scanned. Within
20-25 seconds a document of 4" * 6" can be scanned.
66
Hand Held Scanner: It has a number of LED's
(Light Emitting Diodes) the LED's are
arranged in the small case. It is called a Hand
held Scanner because it can be kept in hand
which performs scanning. For scanning the
scanner is moved over document from the
top towards the bottom. Its light is on, while
we move it on document. It is dragged very
slowly over document. If dragging of the
scanner over the document is not proper, the
conversion will not correct.
67
It is an electromechanical device, which
accepts data from a computer and translates
them into form understand by users.
Following are Output Devices:
Printers
Plotters
Monitors
68
Printers are output devices used to
prepare permanent output on paper .
Output produced by a printer is called a
hard copy.
Printer is an essential requirement for
every computer system.
Printers can be divided into two main
groups, impact printer and non-impact
printer
69
70
1. Impact Printers: The printers that print the
characters by striking against the ribbon and onto the
papers are known as Impact Printers.
These Printers are of two types:
Character Printers
Line Printers
Inkjet Printers
71
A Plotter is a computer printing device for printing vector
graphics.
Plotters are a special type of output device. It is suitable for
applications:
Architectural plan of the building.
72
It consists of a drum. Paper on which design is made is kept
on the drum. The drum can rotate in both directions.
Plotters comprised of one or more pen and penholders. The
holders are mounted perpendicular to drum surface. The
pens are kept in the holder, which can move left to the right
as well as right to the left. The graph plotting program
controls the movement of pen and drum.
73
It is used to draw complex design and graphs, charts. The
Flatbed plotter can be kept over the table. The plotter consists
of pen and holder. The pen can draw characters of various
sizes. There can be one or more pens and pen holding
mechanism. Each pen has ink of different color. Different
colors help to produce multicolor design of document. The
area of plotting is also variable. It can vary A4 to 21'*52'.
74
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
75
2. Special Purpose Packages: These packages are designed for
non programmers, so that these users can use the graphics
packages, without knowing the inner details.
Example of special purpose package is
Painting programs
Package used for business purpose.
Package used for medical systems.
CAD packages.
76
77
78
Q1. find out the aspect ratio of the raster system using 8*10 inches screen and 100
pixels/inch.
Sol.
We know that
Aspect Ratio = width/height= (8*100)/10*100 = 4/5
Aspect Ratio = 4 : 5
Q2. Find the size of of 800 * 600 images at 240 pixels per inch.
Sol:-
240 pixels correspond to 1 inch.
800 pixels will correspond to 800/240 inch = 31/3 inch
Similarly 600 pixels
600/240 = 21.2 inch.
Hence the size of the image is 31/3 inch * 21/2 inch.
79
Q3. compute Height of the resized image 1024 * 768 to one that is 640 pixels widte
with the same aspect ratio.
Sol:-
Aspect ratio of the 1024 * 768 image is 768/1024 = 3/4 is
640 * 3/4 = 480.
Q4. Compute width of an image having height of 5 inches and an aspect ratio 1.5.
80
81