SlideShare a Scribd company logo
DESIGNED BY k.das
And S.mishra
Dept of computer science
 Computer graphics is a field of computer
science that concerned with digitally
Synthesizing and manipulating visual contents.
 Computer graphics(cg) includes almost
everything on computer that is not text or
sound.
 The term cg refer to several different thing
1.The representation and manipulation of
pictorial data by a computer.
2.Various technologies used to create and
manipulate image.
 There are two kinds of computer graphics
:Raster(composed of pixel) and
Vector(composed of path).
 Raster image are called bitmap images.
 Bitmap image are mapped to a grid or an array
of pixels.
 In bitmap images, each pixel has assigned
color.
 Bitmap image are edited at the pixel level that
allows the color of any one pixel to change.
Bitmap image
 Bitmap images are not easily
scalable.
 Bitmap images are edited at
the pixel level that allows the
color of any one pixel to
change.
 Bitmap images are usually
created and edited in photo
or paint program such as
adobe Photoshop.
Vector image
 Vector image are not based on
picture patterns but instead
use mathematical formulas to
draw lines and curves that
can be combined to create
from geometric object such as
circle and polygons.
 Vector images are editing by
manipulating the lines and
curves that make up an image
using a program such as coral
draw.
Application of
Graphics
Paint program:
 It is a graphics program that
enables you to draw pictures
on the display screen which
is represented as bit maps
(bit-mapped graphics).
 Sophisticated paint
applications are often called
image editing programs.
Application of
Graphics
Animation
software:
 Enables you to chain and
sequence a series of images to
simulate movement. Each
image is like a frame in a
movie.
 . A cartoon on television is
one example of animation.
Animation on computers is
one of the chief ingredients of
multimedia presentations.
Graphics
Application
Card and
Desktop
publishing
 A CAD system is a combination
of hardware and software that
enables engineers and architects
to design everything from
furniture to airplanes.
 Provides a full set of word-
processing features as well as
fine control over placement of
text and graphics, so that you
can create newsletters,
advertisements, books, and
other types of documents. It
means by using a personal
computer or workstation high-
quality printed documents can
be produced.
Introduction with graphics
Introduction with graphics
Introduction with graphics
Cathode ray
tube
 Cathode ray tube is a vacuum
tube containing one or more
electric gun and a
fluorescence screen used to
view images.
 It has a mean to accelerated
and deflect the electron beam
onto the screen to create the
images.
Working Principle of
cathode ray tube
 Heat is supplied to the
cathode by passing current
through a heater element.
 The cathode is a cylindrical
metallic structure that is rich
in electrons.
 On heating ,electron released
from cathode surface.
 Control grid is the next
element that follow the
cathode.
Working principle of
cathode ray tube
 Intensity of electron beam is
controlled by setting voltage
level on the control grid.
 A high negative voltage applied
to the control grid shuts off the
beam by repelling electrons and
stopping them from passing
through the small hole at the
end of the control grid
structure.
 Smaller negative voltage on the
control grid simply decrease
the number of electrons passing
through the cathode. Thus we
can control the brightness of
display by varying the voltage
on control grid.
Working principle
of CRT
 Positive charged anodes
accelerate the electrons towards
the phosphor screen.
 Focusing and deflection coil are
together needed to force the
electron beam to converge into
small spot , as it strike the
screen, otherwise the electron
would repel each other and
beam is spread out as it
approaches the screen.
 Finally when the accelerating
electron beam collide on
phosphor coating ,a part of
kinetic energy is converted into
light and heat.
 A raster scan display is most common method of
drawing images on a CRT screen.
 In this method horizontal and vertical deflection
signals are generated to move a beam all over the
screen in the pattern for displaying any image.
 The electron beam is swept across the screen one
row at a time from top to bottom.
 The electron beam swept back and forth from left
to right across the screen.
 Raster scan display resolution is poor because it in
contrast produces Zig-Zag lines that are plotted as
discrete point set.
Introduction with graphics
HORIZONTAL RETRACE VERTICAL RETRACE
 The beam is on ,while it
moves from left to right.
The beam is off ,when it
moves back from right
to left. This
phenomenon is called
the horizontal retrace.
 As soon as the beam
reaches the bottom of
the screen ,it is turned
off and is rapidly
retraced back to top to
start again. This is
called vertical retrace.
 A raster scan display has an electron beam
directed only to the parts of the screen where a
picture is to be drawn .
 Random scan display draw a picture one line at a
time for this reason it is also known as vector
display picture.
 A picture definition is stored as a set of line
drawing command in the area of refresh buffer.
 Random scan display resolution is good than
random scan display as picture definition is stored
as a set of line-drawing instructions instead of a set
of intensity values for all screen point.
Working principle of
graphics display
 A graphics display consists of
three components: frame buffer,
display controller and a
monitor.
 Frame buffer: The frame buffer
stores an image as a matrix of
intensity values . In personal
computer, the frame buffer is
located on the graphics card
that manage the video
subsystem of the computer. It
have some memory stored
intensity values are then
retrieved from the refresh buffer
and displayed on the screen one
row at a time. Each intensity
value is represented by bit
zero(0) or one(1) in the frame
buffer.
Display controller
and display
device
Working
principle of
display
device(graphics)
 The video controller has
direct access to memory
locations in the frame buffer
and passing it to the display
device. It reads each
successive byte of data from
frame buffer and converts
this 0’s and 1’s in one line
into a corresponding video
signals and this line is called
scan line. If intensity is one(1)
then the controller sends a
signal to display a dot in
corresponding position on
the screen. if the intensity is
zero then no dot is displayed.
1 1 1 1 1 1 0 0
0 1 1 0 0 1 1 0
0 1 1 0 0 1 1 0
0 1 1 1 1 1 0 0
0 1 1 0 0 1 1 0
0 1 1 0 0 1 1 0
1 1 1 1 1 1 0 0
0 0 0 0 0 0 0 0

More Related Content

PPTX
Overview of Graphics System
PPT
lecture2 computer graphics graphics hardware(Computer graphics tutorials)
PPT
Graphics display-devicesmod-1
PDF
CG - Display Devices
PPTX
Random scan displays and raster scan displays
PPT
Animation
PDF
Computer Graphics
Overview of Graphics System
lecture2 computer graphics graphics hardware(Computer graphics tutorials)
Graphics display-devicesmod-1
CG - Display Devices
Random scan displays and raster scan displays
Animation
Computer Graphics

What's hot (20)

PPTX
Display devices
PPT
Rendering: Vertices, Indices, UVs and Shaders
PPT
Animation
PPT
Graphics devices
DOCX
Assignment 2
PPTX
Computer Graphics - Introduction and CRT Devices
PPT
lecture4 raster details in computer graphics(Computer graphics tutorials)
PPT
Animation
PPTX
Animations
PPT
lecture1 introduction to computer graphics(Computer graphics tutorials)
PPSX
Animation techniques for CG students
PPTX
Neural Scene Representation & Rendering: Introduction to Novel View Synthesis
PDF
Introduction to Computer Vision
PPTX
Chapter 1 fundamentals of digital imaging
PPT
Animation
PPTX
Chapter 1 fundamentals of digital imaging
PPT
Image formation
PPTX
Lecture 2&3
PPTX
Ray tracing converted (1)
PPTX
Ray tracing
Display devices
Rendering: Vertices, Indices, UVs and Shaders
Animation
Graphics devices
Assignment 2
Computer Graphics - Introduction and CRT Devices
lecture4 raster details in computer graphics(Computer graphics tutorials)
Animation
Animations
lecture1 introduction to computer graphics(Computer graphics tutorials)
Animation techniques for CG students
Neural Scene Representation & Rendering: Introduction to Novel View Synthesis
Introduction to Computer Vision
Chapter 1 fundamentals of digital imaging
Animation
Chapter 1 fundamentals of digital imaging
Image formation
Lecture 2&3
Ray tracing converted (1)
Ray tracing
Ad

Viewers also liked (19)

PPT
Dw Lesson02
PPT
Documentation
DOCX
Setting tab stops worksheet
PPT
Chapel presentation sep 4
PPT
Art 1 Teaching Portfolio
PDF
Current Portfolio
PPTX
How to create GIF files without any restrictions
PPT
08 ms office
PPSX
Portfolio of Current Art Work Presentation
PPT
Power Point Unit D
PPTX
Using Graphics in Technical Documents
PPT
Understanding MLA Documentation Style3
PDF
How to create a folder, create a folder inside it, and add collections
PPTX
MS Word Chapter 1 PPT
PPSX
Microsoft Power Point
PPTX
Ms powerpoint
PPTX
Microsoft word presentation
PDF
Study: The Future of VR, AR and Self-Driving Cars
Dw Lesson02
Documentation
Setting tab stops worksheet
Chapel presentation sep 4
Art 1 Teaching Portfolio
Current Portfolio
How to create GIF files without any restrictions
08 ms office
Portfolio of Current Art Work Presentation
Power Point Unit D
Using Graphics in Technical Documents
Understanding MLA Documentation Style3
How to create a folder, create a folder inside it, and add collections
MS Word Chapter 1 PPT
Microsoft Power Point
Ms powerpoint
Microsoft word presentation
Study: The Future of VR, AR and Self-Driving Cars
Ad

Similar to Introduction with graphics (20)

PPTX
Computer Graphics lecture.pptx
PPTX
Chapter-1 Basics Of Computer Graphics.pptx
PPTX
CG_ch1.pptx
PDF
Introduction to computer graphics - Copy.pdf
PPTX
CATHODE RAY TUBE IN COMPUTER GRAPHICS
PPTX
CG MODULE 1 (S6 CSE)-1.pptx
DOC
Unit 1 notes
PDF
CG_Reference_168005545456365466877179.pdf
PPT
Model 1 multimedia graphics and animation introduction (1)
PPTX
CG Unit No.1.pptx computer graphics and gaming
PPT
Introduction to computer graphics and multimedia
PPTX
unit1_updated.pptx
PPT
Computer graphics
PPTX
introduction to computer graphics unit 1
PPT
Computer graphics - Nitish Nagar
PPTX
Introduction_computer_graphics_unit-1.pptx
PDF
CG2_HWcomputergraphicshardwareeeeeee.pdf
PPTX
Overview of Computer Graphics
PPTX
computer graphics unit 1-I.pptx
Computer Graphics lecture.pptx
Chapter-1 Basics Of Computer Graphics.pptx
CG_ch1.pptx
Introduction to computer graphics - Copy.pdf
CATHODE RAY TUBE IN COMPUTER GRAPHICS
CG MODULE 1 (S6 CSE)-1.pptx
Unit 1 notes
CG_Reference_168005545456365466877179.pdf
Model 1 multimedia graphics and animation introduction (1)
CG Unit No.1.pptx computer graphics and gaming
Introduction to computer graphics and multimedia
unit1_updated.pptx
Computer graphics
introduction to computer graphics unit 1
Computer graphics - Nitish Nagar
Introduction_computer_graphics_unit-1.pptx
CG2_HWcomputergraphicshardwareeeeeee.pdf
Overview of Computer Graphics
computer graphics unit 1-I.pptx

Recently uploaded (20)

PDF
NewMind AI Weekly Chronicles - August'25 Week I
PPTX
Big Data Technologies - Introduction.pptx
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
A Presentation on Artificial Intelligence
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Machine learning based COVID-19 study performance prediction
PDF
cuic standard and advanced reporting.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Electronic commerce courselecture one. Pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Modernizing your data center with Dell and AMD
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Approach and Philosophy of On baking technology
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
DOCX
The AUB Centre for AI in Media Proposal.docx
NewMind AI Weekly Chronicles - August'25 Week I
Big Data Technologies - Introduction.pptx
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
A Presentation on Artificial Intelligence
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Machine learning based COVID-19 study performance prediction
cuic standard and advanced reporting.pdf
Review of recent advances in non-invasive hemoglobin estimation
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Electronic commerce courselecture one. Pdf
Per capita expenditure prediction using model stacking based on satellite ima...
Modernizing your data center with Dell and AMD
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Approach and Philosophy of On baking technology
Diabetes mellitus diagnosis method based random forest with bat algorithm
The Rise and Fall of 3GPP – Time for a Sabbatical?
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Network Security Unit 5.pdf for BCA BBA.
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
The AUB Centre for AI in Media Proposal.docx

Introduction with graphics

  • 1. DESIGNED BY k.das And S.mishra Dept of computer science
  • 2.  Computer graphics is a field of computer science that concerned with digitally Synthesizing and manipulating visual contents.  Computer graphics(cg) includes almost everything on computer that is not text or sound.  The term cg refer to several different thing 1.The representation and manipulation of pictorial data by a computer. 2.Various technologies used to create and manipulate image.
  • 3.  There are two kinds of computer graphics :Raster(composed of pixel) and Vector(composed of path).  Raster image are called bitmap images.  Bitmap image are mapped to a grid or an array of pixels.  In bitmap images, each pixel has assigned color.  Bitmap image are edited at the pixel level that allows the color of any one pixel to change.
  • 4. Bitmap image  Bitmap images are not easily scalable.  Bitmap images are edited at the pixel level that allows the color of any one pixel to change.  Bitmap images are usually created and edited in photo or paint program such as adobe Photoshop.
  • 5. Vector image  Vector image are not based on picture patterns but instead use mathematical formulas to draw lines and curves that can be combined to create from geometric object such as circle and polygons.  Vector images are editing by manipulating the lines and curves that make up an image using a program such as coral draw.
  • 6. Application of Graphics Paint program:  It is a graphics program that enables you to draw pictures on the display screen which is represented as bit maps (bit-mapped graphics).  Sophisticated paint applications are often called image editing programs.
  • 7. Application of Graphics Animation software:  Enables you to chain and sequence a series of images to simulate movement. Each image is like a frame in a movie.  . A cartoon on television is one example of animation. Animation on computers is one of the chief ingredients of multimedia presentations.
  • 8. Graphics Application Card and Desktop publishing  A CAD system is a combination of hardware and software that enables engineers and architects to design everything from furniture to airplanes.  Provides a full set of word- processing features as well as fine control over placement of text and graphics, so that you can create newsletters, advertisements, books, and other types of documents. It means by using a personal computer or workstation high- quality printed documents can be produced.
  • 12. Cathode ray tube  Cathode ray tube is a vacuum tube containing one or more electric gun and a fluorescence screen used to view images.  It has a mean to accelerated and deflect the electron beam onto the screen to create the images.
  • 13. Working Principle of cathode ray tube  Heat is supplied to the cathode by passing current through a heater element.  The cathode is a cylindrical metallic structure that is rich in electrons.  On heating ,electron released from cathode surface.  Control grid is the next element that follow the cathode.
  • 14. Working principle of cathode ray tube  Intensity of electron beam is controlled by setting voltage level on the control grid.  A high negative voltage applied to the control grid shuts off the beam by repelling electrons and stopping them from passing through the small hole at the end of the control grid structure.  Smaller negative voltage on the control grid simply decrease the number of electrons passing through the cathode. Thus we can control the brightness of display by varying the voltage on control grid.
  • 15. Working principle of CRT  Positive charged anodes accelerate the electrons towards the phosphor screen.  Focusing and deflection coil are together needed to force the electron beam to converge into small spot , as it strike the screen, otherwise the electron would repel each other and beam is spread out as it approaches the screen.  Finally when the accelerating electron beam collide on phosphor coating ,a part of kinetic energy is converted into light and heat.
  • 16.  A raster scan display is most common method of drawing images on a CRT screen.  In this method horizontal and vertical deflection signals are generated to move a beam all over the screen in the pattern for displaying any image.  The electron beam is swept across the screen one row at a time from top to bottom.  The electron beam swept back and forth from left to right across the screen.  Raster scan display resolution is poor because it in contrast produces Zig-Zag lines that are plotted as discrete point set.
  • 18. HORIZONTAL RETRACE VERTICAL RETRACE  The beam is on ,while it moves from left to right. The beam is off ,when it moves back from right to left. This phenomenon is called the horizontal retrace.  As soon as the beam reaches the bottom of the screen ,it is turned off and is rapidly retraced back to top to start again. This is called vertical retrace.
  • 19.  A raster scan display has an electron beam directed only to the parts of the screen where a picture is to be drawn .  Random scan display draw a picture one line at a time for this reason it is also known as vector display picture.  A picture definition is stored as a set of line drawing command in the area of refresh buffer.  Random scan display resolution is good than random scan display as picture definition is stored as a set of line-drawing instructions instead of a set of intensity values for all screen point.
  • 20. Working principle of graphics display  A graphics display consists of three components: frame buffer, display controller and a monitor.  Frame buffer: The frame buffer stores an image as a matrix of intensity values . In personal computer, the frame buffer is located on the graphics card that manage the video subsystem of the computer. It have some memory stored intensity values are then retrieved from the refresh buffer and displayed on the screen one row at a time. Each intensity value is represented by bit zero(0) or one(1) in the frame buffer.
  • 21. Display controller and display device Working principle of display device(graphics)  The video controller has direct access to memory locations in the frame buffer and passing it to the display device. It reads each successive byte of data from frame buffer and converts this 0’s and 1’s in one line into a corresponding video signals and this line is called scan line. If intensity is one(1) then the controller sends a signal to display a dot in corresponding position on the screen. if the intensity is zero then no dot is displayed.
  • 22. 1 1 1 1 1 1 0 0 0 1 1 0 0 1 1 0 0 1 1 0 0 1 1 0 0 1 1 1 1 1 0 0 0 1 1 0 0 1 1 0 0 1 1 0 0 1 1 0 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0