SlideShare a Scribd company logo
Computer Graphics 
Hardware and 
Software
Lecture Notes,
CEng 477
What is Computer
Graphics?


Different things in different contexts:
−

−

tools used to make such pictures, software and
hardware, input/output devices.

−



pictures, scenes that are generated by a
computer.

the whole field of study that involves these tools
and the pictures they produce.

Use of computer to define, store, manipulate,
interrogate and present pictorial output.






How pictures are represented in computer
graphics?
How pictures are prepared for presentation?
How interaction within the picture is
accomplished?
Computer Graphics
Applications


Art, entertainment, and publishing
−
−

computer games

−

World Wide Web

−



movie production, animation, special effects

Book, magazine design, photo editing

CG and Image processing (syntesis vs.
analysis)



Simulations (education, training)



CAD architectural, circuit design etc.



Scientific analysis and visualization



Graphical User Interfaces
Display (Video
Display Device)



Most CG on video monitors



Still most popular: Cathode Ray Tube (CRT)



Other popular display types:
−

Liquid Crystal Display

−

Plasma display

−

Field Emission Displays

−

Light Emitting Diodes

−

3D display devices (hologram or page scan
methods)
CRT
3. when electron
beams contact
screen phosphor
emits light

1. cathode rays
emitted by the
electron gun
2. focusing and
deflection

4. light fades,
redraw required
in a small period
(refresh)
CRT types










Direct View Storage Tubes (not CRT, no need
for refresh, pictures stored as a permanent
charge on phosphor screen)
Calligraphic refresh CRT (line drawing or
vector random scan, need refreshing)
Raster-scan (point by point refreshing)
Refresh rate: # of complete images
(frames) drawn on the screen in 1 second.
Frames/sec.
Frame time: reciprocal of the refresh rate,
time between each complete scan. sec/frame
Vector Scan






Picture definition is stored as a set of linedrawing commands in a refresh buffer.
to display a picture, the system cycles
through the set of commands in the buffer
Designed for line drawing applications (CAD)
Raster Scan




Screen is a regular grid of samples called
pixels (picture element)
Screen is refreshed line by line
non-interlaced



interlaced, cycle 1

interlaced, cycle 2

interlaced, 2 cycles

Interlacing: Avoid flickering affect for small
refresh rates.
interlaced 50Hz: actually 25Hz








resolution: a 2D term that measures the
number of scan-lines and the number of
pixels on each line (maximum number of
points that can be displayed without overlap
on a CRT)
black and white display only binary pixels.
intensity of a pixel can be achieved by the
force of electron beam (gray scale)
color display?
Color Displays


Beam penetration method:
special phosphors emitting different colors for
different intensity of electron. Slow, limited colors.



Shadow mask method:
3 electron guns + a shadow mask grid. Intensities of
3 colors result in an arbitrary color pixel. (most TVs
and monitors)


black and white: 1 bit per pixel.



gray scale: 1 byte per pixel (256 gray levels)





true color: 3 bytes=24pits per pixel (224
colors)
indexed color frame buffer: each pixel uses 1
byte, an index entry in a colormap table
matching the color to the actual color.
Vector vs Raster Scan


raster scan monitors:
−
−

filled areas, patterns

−



inexpensive
refresh process is independent (constant for any
complex scene)

vector scan monitors:
−

Smooth lines. no need for scan conversion: lines
to pixels. (raster scan solution antialiasing)

−

sometimes memory and CPU efficient 1000 lines:
Vector scan: 2000 endpoints and 1000 operations
Raster scan: whole frame buffer 1000 scan
conversions.
LCD Displays










Thinner and lighter. No tube and electron
beams.
Blocking/unblocking light through polarized
crystals.
A matrix of LC cells
one for each pixel.
No refresh unless the
screen changes.
Color 3 cells per pixel.
Simple Raster Display
System




Frame buffer: stored pixel map of screen
Video controller just refreshes the frame
buffer on the monitor periodically.
Peripheral
Devices

CPU

System Bus

System
Frame
Memor
Buffer
y

Video
Controller

Monito
r








Inexpensive
Scan conversion of output primitives (lines,
rectangles etc.) done by the CPU. Slow.
As refresh cycle increases, memory cycles
used by the video controller increases.
Memory is less available to CPU.
Solution: Graphics Display Processor
Graphics Display
Processor





Scan conversion, output primitives, raster
operations (double buffering)
Separete frame
buffer

CPU

Peripheral
Devices

System Bus

Display
Processor

D. Proc. Frame
memory. Buffer

System
Memory

Video
Controller

Monito
r
Computer Graphics
Software


Rendering Primitives
−

Models are composed of, or can be converted to,
a large number of geometric primitives.

−

Typical rendering primitives directly supported in
hardware include:


Points (single pixels)



Line segments



Polygons (perhaps simple, triangle, rectangle)
−

Modeling primitives include these, but also




Piecewise polynomial (spline) surfaces



Implicit surfaces (quadrics, blobbies, etc.)



−

Piecewise polynomial (spline) curves

Other...

Software renderer may support modeling
primitives directly, or may convert them into
polygonal or linear approximations for hardware
rendering
Algorithms



A number of basic algorithms are needed:
−

Transformation: Convert representations of
models/primitives from one coordinate system to
another

−

Clipping/Hidden surface removal: remove
primitives and part of primitives that are not
visible on the display

−

Rasterization: Convert a projected screen space
primitive to a set of pixels.


Advanced algorithms:
−

Picking: select a 3D obejct by clicking an input
device over a pixel location.

−

Shading and illumination: Simulate the
interaction of light with a scene.

−

Animation: Simulate movement by rendering a
sequence of frames.
Application
Programming
Interfaces










X11: 2D rasterization
Postscript, PDF: 2D transformations, 2D
rasterization
Phigs+, GL, OpenGL, Direct3D: 3D pipeline
APIs provide access to rendering hardware
via conceptual model.
APIs abstract the hardware implementations
and algorithms in standard software calls.




For 3D interactive applications, we might
modify the scene or a model directly or just
the change the attributes like viewing
information.
We need to interface to input devices in an
event-driven, asynchronous and device
independent fashion. APIs and toolkits are
also defined for this task. GLUT, Qt, GTK,
MFC, DirectX, Motif, Tcl/Tk.
Graphics Rendering
Pipeline



Rendering:
image
3D
Scene





conversion from scene to

2D Image

Scene is represented as a model composed
of primitives. Model is generated by a
program or input by a user.
Image is drawn on an output device:
monitor, printer, memory, file, video frame.






Typically rendering process is divided into
steps called the graphics pipeline.
Some steps are implemented by graphics
hardware.
Programmable graphics accelerator, GPU:
programmable pipelines in graphics hardware


The basic forward projection pipeline:
Modeling
Transformations

Model

Viewing
Transformations

M1
Model

M2

3D World
Scene

V

3D View
Scene

Model
M3

WCS

MCS

VCS
Rasterization

P

Clip

Projection

Normalize

2D/3D Device
Scene

NDCS
2D Image

DCS
SCS

More Related Content

PDF
Computer vision and Open CV
PPTX
Fundamentals steps in Digital Image processing
PDF
Noise Models
PPT
Raster scan system
PPTX
Overview of the graphics system
PPTX
Image Sensing and Acquisition.pptx
PPTX
Image segmentation in Digital Image Processing
PPTX
3D Transformation
Computer vision and Open CV
Fundamentals steps in Digital Image processing
Noise Models
Raster scan system
Overview of the graphics system
Image Sensing and Acquisition.pptx
Image segmentation in Digital Image Processing
3D Transformation

What's hot (20)

PPTX
Image restoration and degradation model
PDF
Image Restoration (Digital Image Processing)
PPT
Frequency Domain Image Enhancement Techniques
PDF
digital image processing, image processing
PPTX
Predictive coding
PPTX
IMAGE SEGMENTATION.
PPTX
Jpeg standards
PDF
Image Registration (Digital Image Processing)
PPT
Hidden surfaces
PPTX
Hidden surface removal algorithm
PPS
MPEG/Audio Compression
PPTX
Lossless predictive coding in Digital Image Processing
PPTX
Project Face Detection
PDF
Digital Image Processing: Digital Image Fundamentals
PPTX
MEDICAL IMAGE PROCESSING
PDF
Processamento de Imagens - Filtro Laplaciano
PPTX
1.arithmetic & logical operations
PPTX
Low level feature extraction - chapter 4
Image restoration and degradation model
Image Restoration (Digital Image Processing)
Frequency Domain Image Enhancement Techniques
digital image processing, image processing
Predictive coding
IMAGE SEGMENTATION.
Jpeg standards
Image Registration (Digital Image Processing)
Hidden surfaces
Hidden surface removal algorithm
MPEG/Audio Compression
Lossless predictive coding in Digital Image Processing
Project Face Detection
Digital Image Processing: Digital Image Fundamentals
MEDICAL IMAGE PROCESSING
Processamento de Imagens - Filtro Laplaciano
1.arithmetic & logical operations
Low level feature extraction - chapter 4
Ad

Similar to Graphics display-devicesmod-1 (20)

PPT
Computer graphics - Nitish Nagar
PPTX
Introduction to Computer Graphics.pptx
PPTX
Introduction to Computer graphics
PPTX
Overview of Computer Graphics
PDF
Introduction to computer graphics - Copy.pdf
PPTX
Computer Graphics for engineering students.pptx
PPTX
computer Graphics
PPT
unit-1-basics-of-computer-graphics.ppt 7th sem
PDF
Fundamentals of Computer Graphics.pdf
PPT
Introduction to computer graphics and multimedia
PDF
Computer Graphics Notes
PPTX
unit1_updated.pptx
PPT
Model 1 multimedia graphics and animation introduction (1)
PPTX
CG_ch1.pptx
PPTX
CG_Unit1_SShah.pptx
PPT
Ciencias de la computación, Gráficos por computadora.
PPTX
Computer Graphics Introduction, Open GL, Line and Circle drawing algorithm
PPTX
12202040701105_Introduction to Computer Graphics.pptx
PPTX
Computer Graphics Full Tutorial.pptx
Computer graphics - Nitish Nagar
Introduction to Computer Graphics.pptx
Introduction to Computer graphics
Overview of Computer Graphics
Introduction to computer graphics - Copy.pdf
Computer Graphics for engineering students.pptx
computer Graphics
unit-1-basics-of-computer-graphics.ppt 7th sem
Fundamentals of Computer Graphics.pdf
Introduction to computer graphics and multimedia
Computer Graphics Notes
unit1_updated.pptx
Model 1 multimedia graphics and animation introduction (1)
CG_ch1.pptx
CG_Unit1_SShah.pptx
Ciencias de la computación, Gráficos por computadora.
Computer Graphics Introduction, Open GL, Line and Circle drawing algorithm
12202040701105_Introduction to Computer Graphics.pptx
Computer Graphics Full Tutorial.pptx
Ad

More from Praveen Kumar (20)

PDF
Summer2014 internship
PDF
Summer+training 2
PDF
Summer+training
PDF
Solutions1.1
PDF
Slides15
PDF
Scribed lec8
PDF
Scholarship sc st
PDF
Networks 2
PDF
Mithfh lecturenotes 9
PDF
Mcs student
PDF
Math350 hw2solutions
PDF
Matching
PDF
Line circle draw
PDF
Lecture3
PPT
Lec2 state space
PDF
Graphtheory
PDF
Games.4
PDF
Dda line-algorithm
PPT
Cs344 lect15-robotic-knowledge-inferencing-prolog-11feb08
PDF
Cse3461.c.signal encoding.09 04-2012
Summer2014 internship
Summer+training 2
Summer+training
Solutions1.1
Slides15
Scribed lec8
Scholarship sc st
Networks 2
Mithfh lecturenotes 9
Mcs student
Math350 hw2solutions
Matching
Line circle draw
Lecture3
Lec2 state space
Graphtheory
Games.4
Dda line-algorithm
Cs344 lect15-robotic-knowledge-inferencing-prolog-11feb08
Cse3461.c.signal encoding.09 04-2012

Recently uploaded (20)

PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
Cloud computing and distributed systems.
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
Big Data Technologies - Introduction.pptx
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
cuic standard and advanced reporting.pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
A Presentation on Artificial Intelligence
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
The AUB Centre for AI in Media Proposal.docx
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Review of recent advances in non-invasive hemoglobin estimation
Cloud computing and distributed systems.
Chapter 3 Spatial Domain Image Processing.pdf
20250228 LYD VKU AI Blended-Learning.pptx
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Big Data Technologies - Introduction.pptx
Network Security Unit 5.pdf for BCA BBA.
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
NewMind AI Weekly Chronicles - August'25 Week I
cuic standard and advanced reporting.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
MYSQL Presentation for SQL database connectivity
A Presentation on Artificial Intelligence
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Mobile App Security Testing_ A Comprehensive Guide.pdf
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication

Graphics display-devicesmod-1

  • 2. What is Computer Graphics?  Different things in different contexts: − − tools used to make such pictures, software and hardware, input/output devices. −  pictures, scenes that are generated by a computer. the whole field of study that involves these tools and the pictures they produce. Use of computer to define, store, manipulate, interrogate and present pictorial output.
  • 3.    How pictures are represented in computer graphics? How pictures are prepared for presentation? How interaction within the picture is accomplished?
  • 4. Computer Graphics Applications  Art, entertainment, and publishing − − computer games − World Wide Web −  movie production, animation, special effects Book, magazine design, photo editing CG and Image processing (syntesis vs. analysis)  Simulations (education, training)  CAD architectural, circuit design etc.  Scientific analysis and visualization  Graphical User Interfaces
  • 5. Display (Video Display Device)  Most CG on video monitors  Still most popular: Cathode Ray Tube (CRT)  Other popular display types: − Liquid Crystal Display − Plasma display − Field Emission Displays − Light Emitting Diodes − 3D display devices (hologram or page scan methods)
  • 6. CRT 3. when electron beams contact screen phosphor emits light 1. cathode rays emitted by the electron gun 2. focusing and deflection 4. light fades, redraw required in a small period (refresh)
  • 7. CRT types      Direct View Storage Tubes (not CRT, no need for refresh, pictures stored as a permanent charge on phosphor screen) Calligraphic refresh CRT (line drawing or vector random scan, need refreshing) Raster-scan (point by point refreshing) Refresh rate: # of complete images (frames) drawn on the screen in 1 second. Frames/sec. Frame time: reciprocal of the refresh rate, time between each complete scan. sec/frame
  • 8. Vector Scan    Picture definition is stored as a set of linedrawing commands in a refresh buffer. to display a picture, the system cycles through the set of commands in the buffer Designed for line drawing applications (CAD)
  • 9. Raster Scan   Screen is a regular grid of samples called pixels (picture element) Screen is refreshed line by line non-interlaced  interlaced, cycle 1 interlaced, cycle 2 interlaced, 2 cycles Interlacing: Avoid flickering affect for small refresh rates. interlaced 50Hz: actually 25Hz
  • 10.     resolution: a 2D term that measures the number of scan-lines and the number of pixels on each line (maximum number of points that can be displayed without overlap on a CRT) black and white display only binary pixels. intensity of a pixel can be achieved by the force of electron beam (gray scale) color display?
  • 11. Color Displays  Beam penetration method: special phosphors emitting different colors for different intensity of electron. Slow, limited colors.  Shadow mask method: 3 electron guns + a shadow mask grid. Intensities of 3 colors result in an arbitrary color pixel. (most TVs and monitors)
  • 12.  black and white: 1 bit per pixel.  gray scale: 1 byte per pixel (256 gray levels)   true color: 3 bytes=24pits per pixel (224 colors) indexed color frame buffer: each pixel uses 1 byte, an index entry in a colormap table matching the color to the actual color.
  • 13. Vector vs Raster Scan  raster scan monitors: − − filled areas, patterns −  inexpensive refresh process is independent (constant for any complex scene) vector scan monitors: − Smooth lines. no need for scan conversion: lines to pixels. (raster scan solution antialiasing) − sometimes memory and CPU efficient 1000 lines: Vector scan: 2000 endpoints and 1000 operations Raster scan: whole frame buffer 1000 scan conversions.
  • 14. LCD Displays      Thinner and lighter. No tube and electron beams. Blocking/unblocking light through polarized crystals. A matrix of LC cells one for each pixel. No refresh unless the screen changes. Color 3 cells per pixel.
  • 15. Simple Raster Display System   Frame buffer: stored pixel map of screen Video controller just refreshes the frame buffer on the monitor periodically. Peripheral Devices CPU System Bus System Frame Memor Buffer y Video Controller Monito r
  • 16.     Inexpensive Scan conversion of output primitives (lines, rectangles etc.) done by the CPU. Slow. As refresh cycle increases, memory cycles used by the video controller increases. Memory is less available to CPU. Solution: Graphics Display Processor
  • 17. Graphics Display Processor   Scan conversion, output primitives, raster operations (double buffering) Separete frame buffer CPU Peripheral Devices System Bus Display Processor D. Proc. Frame memory. Buffer System Memory Video Controller Monito r
  • 18. Computer Graphics Software  Rendering Primitives − Models are composed of, or can be converted to, a large number of geometric primitives. − Typical rendering primitives directly supported in hardware include:  Points (single pixels)  Line segments  Polygons (perhaps simple, triangle, rectangle)
  • 19. − Modeling primitives include these, but also   Piecewise polynomial (spline) surfaces  Implicit surfaces (quadrics, blobbies, etc.)  − Piecewise polynomial (spline) curves Other... Software renderer may support modeling primitives directly, or may convert them into polygonal or linear approximations for hardware rendering
  • 20. Algorithms  A number of basic algorithms are needed: − Transformation: Convert representations of models/primitives from one coordinate system to another − Clipping/Hidden surface removal: remove primitives and part of primitives that are not visible on the display − Rasterization: Convert a projected screen space primitive to a set of pixels.
  • 21.  Advanced algorithms: − Picking: select a 3D obejct by clicking an input device over a pixel location. − Shading and illumination: Simulate the interaction of light with a scene. − Animation: Simulate movement by rendering a sequence of frames.
  • 22. Application Programming Interfaces      X11: 2D rasterization Postscript, PDF: 2D transformations, 2D rasterization Phigs+, GL, OpenGL, Direct3D: 3D pipeline APIs provide access to rendering hardware via conceptual model. APIs abstract the hardware implementations and algorithms in standard software calls.
  • 23.   For 3D interactive applications, we might modify the scene or a model directly or just the change the attributes like viewing information. We need to interface to input devices in an event-driven, asynchronous and device independent fashion. APIs and toolkits are also defined for this task. GLUT, Qt, GTK, MFC, DirectX, Motif, Tcl/Tk.
  • 24. Graphics Rendering Pipeline  Rendering: image 3D Scene   conversion from scene to 2D Image Scene is represented as a model composed of primitives. Model is generated by a program or input by a user. Image is drawn on an output device: monitor, printer, memory, file, video frame.
  • 25.    Typically rendering process is divided into steps called the graphics pipeline. Some steps are implemented by graphics hardware. Programmable graphics accelerator, GPU: programmable pipelines in graphics hardware
  • 26.  The basic forward projection pipeline: Modeling Transformations Model Viewing Transformations M1 Model M2 3D World Scene V 3D View Scene Model M3 WCS MCS VCS Rasterization P Clip Projection Normalize 2D/3D Device Scene NDCS 2D Image DCS SCS