SlideShare a Scribd company logo
Computer Graphics 
Hardware and 
Software 
Lecture Notes, 
CEng 477
What is Computer 
Graphics? 
● Different things in different contexts: 
– pictures, scenes that are generated by a 
computer. 
– tools used to make such pictures, software and 
hardware, input/output devices. 
– 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 
– movie production, animation, special effects 
– computer games 
– World Wide Web 
– 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 
– Digital Meromirror Devices 
– Light Emitting Diodes 
– 3D display devices (hologram or page scan 
methods)
1. cathode rays 
emitted by the 
electron gun 
CRT 
2. focusing and 
deflection 
3. when electron 
beams contact 
screen phosphor 
emits light 
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 line-drawing 
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: 
– inexpensive 
– filled areas, patterns 
– 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 
System Bus 
CPU 
System 
Memor 
y 
Frame 
Buffer 
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 
System Bus 
D. Proc. 
memory. 
Frame 
Buffer 
Peripheral 
Devices 
Video 
Controller 
Monito 
r 
Display 
Processor 
System 
Memory
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) curves 
● Piecewise polynomial (spline) surfaces 
● Implicit surfaces (quadrics, blobbies, etc.) 
● 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: conversion from scene to 
image 
3D 
Scene 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. 
Device independence.
● 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: 
Model 
Model 
Model 
M1 
M2 
M3 
3D World 
Scene 
3D View 
Scene 
V 
P Clip Normalize 2D/3D Device 
Scene 
2D Image 
Projection 
Rasterization 
Modeling 
Transformations 
Viewing 
Transformations 
MCS WCS VCS 
NDCS DCS 
SCS

More Related Content

PPT
Overview of graphics systems
PDF
Computer graphics notes
PPTX
Application of computer graphics and input devices
PPTX
Overview of Computer Graphics
PPT
Computer Graphics
PPTX
Graphics hardware and introduction to Raster display system
PPTX
Monitors & workstation,Donald ch-2
PPTX
Computer Graphics
Overview of graphics systems
Computer graphics notes
Application of computer graphics and input devices
Overview of Computer Graphics
Computer Graphics
Graphics hardware and introduction to Raster display system
Monitors & workstation,Donald ch-2
Computer Graphics

What's hot (20)

PPTX
Computer graphics.
PPTX
P1 powerpoint presentation
PPT
Lecture applications of cg
PPT
fundamentals of Computer graphics(Computer graphics tutorials)
PPT
lecture1 introduction to computer graphics(Computer graphics tutorials)
PDF
Introduction Computer Graphic
PPT
lecture4 raster details in computer graphics(Computer graphics tutorials)
PPTX
Introduction to Computer graphics
PPT
applications of computer graphics
PPT
Introduction to computer graphics
DOCX
Graphics and Graphics Hardware System
PPT
Introduction to computer graphics
PPT
computer graphics
PPTX
Applications of computer graphics
PPT
Unit 1
PPTX
Introduction to computer graphics
PPT
Applications of cg
PPT
Introduction to Computer Graphics(1)
PPTX
Applications Of Computer Graphics
Computer graphics.
P1 powerpoint presentation
Lecture applications of cg
fundamentals of Computer graphics(Computer graphics tutorials)
lecture1 introduction to computer graphics(Computer graphics tutorials)
Introduction Computer Graphic
lecture4 raster details in computer graphics(Computer graphics tutorials)
Introduction to Computer graphics
applications of computer graphics
Introduction to computer graphics
Graphics and Graphics Hardware System
Introduction to computer graphics
computer graphics
Applications of computer graphics
Unit 1
Introduction to computer graphics
Applications of cg
Introduction to Computer Graphics(1)
Applications Of Computer Graphics
Ad

Viewers also liked (20)

PPTX
Input output display devices
PDF
Introduction to Computer Graphics Notes
PDF
Computer Graphics Notes (B.Tech, KUK, MDU)
PPT
Itcs 4120 introduction (c)
PPT
Computer graphics
PDF
Graphics programming in open gl
PDF
NCR/PA Multimedia/Graphics
PPTX
Pradhanbros tutorial
PDF
Engineering Graphics Notes - Akshansh
PDF
50220130402003
PDF
COMUTER GRAPHICS NOTES
PDF
Computer graphics notes
PPTX
Computer graphics & image processing lecture notes
PDF
Sodc 1 Introduction
PPT
Raster Scan and Raster Scan Displays
PDF
Computer Graphics and Multimedia Techniques Paper (RTU VI Semester)
PDF
Computer Graphics 2004
PDF
ee2259-lab-manual
PDF
Computer Graphics Notes
Input output display devices
Introduction to Computer Graphics Notes
Computer Graphics Notes (B.Tech, KUK, MDU)
Itcs 4120 introduction (c)
Computer graphics
Graphics programming in open gl
NCR/PA Multimedia/Graphics
Pradhanbros tutorial
Engineering Graphics Notes - Akshansh
50220130402003
COMUTER GRAPHICS NOTES
Computer graphics notes
Computer graphics & image processing lecture notes
Sodc 1 Introduction
Raster Scan and Raster Scan Displays
Computer Graphics and Multimedia Techniques Paper (RTU VI Semester)
Computer Graphics 2004
ee2259-lab-manual
Computer Graphics Notes
Ad

Similar to Computer graphics - Nitish Nagar (20)

PPT
Graphics display-devicesmod-1
PPT
Introduction to computer graphics and multimedia
PPTX
Introduction to Computer graphics
PPT
unit-1-basics-of-computer-graphics.ppt 7th sem
PDF
unit1 lec1.pdf
PPTX
Computer Graphics Introduction, Open GL, Line and Circle drawing algorithm
PDF
Fundamentals of Computer Graphics.pdf
PDF
Introduction to computer graphics - Copy.pdf
PPTX
new ai techniques.pptx
PPTX
Computer Graphics lecture.pptx
PPTX
Unit 1 computer graphicss introduction .pptx
PPTX
CG Unit No.1.pptx computer graphics and gaming
PPTX
Computer Graphics for engineering students.pptx
PDF
Computer graphics Applications and System Overview
PDF
cad 2jjkuigugjgugufygmbjgufjhjbjghnkihiu.pdf
PDF
Mod 2 hardware_graphics.pdf
PPTX
unit1_updated.pptx
PPT
Model 1 multimedia graphics and animation introduction (1)
PPT
3526192.ppt
Graphics display-devicesmod-1
Introduction to computer graphics and multimedia
Introduction to Computer graphics
unit-1-basics-of-computer-graphics.ppt 7th sem
unit1 lec1.pdf
Computer Graphics Introduction, Open GL, Line and Circle drawing algorithm
Fundamentals of Computer Graphics.pdf
Introduction to computer graphics - Copy.pdf
new ai techniques.pptx
Computer Graphics lecture.pptx
Unit 1 computer graphicss introduction .pptx
CG Unit No.1.pptx computer graphics and gaming
Computer Graphics for engineering students.pptx
Computer graphics Applications and System Overview
cad 2jjkuigugjgugufygmbjgufjhjbjghnkihiu.pdf
Mod 2 hardware_graphics.pdf
unit1_updated.pptx
Model 1 multimedia graphics and animation introduction (1)
3526192.ppt

More from Nitish Nagar (20)

PPTX
Excel_Breif_Overview.pptx
PDF
introductiontomicrosoftexcel2007-131031090350-phpapp01.pdf
PDF
4b6c1c5c-e913-4bbf-b3a4-41e23cb961ba-161004200047.pdf
PDF
excelpresentationshort-170322174149.pdf
DOCX
My.docx
DOC
Discrete event systems comprise of discrete state spaces and event
PDF
Six Sigma Complete Guide
PDF
Six Sigma Nitish Nagar
PDF
Hp syllabus
PDF
Ca site minder r12 professional study guide
PPT
Socket Programming - nitish nagar
PPT
Marseille french nitish nagar
PPT
Trojan horse nitish nagar
PPTX
French nathalie sarraute nitish nagar
PPTX
Facebook vs google+ - Nitish Nagar
PPT
Compay Brief - Nitish Nagar
PPT
Child labour
PPTX
Chat server nitish nagar
PPT
Business communication By Nitish Nagar
PPT
8086 Microprocessor by Nitish Nagar
Excel_Breif_Overview.pptx
introductiontomicrosoftexcel2007-131031090350-phpapp01.pdf
4b6c1c5c-e913-4bbf-b3a4-41e23cb961ba-161004200047.pdf
excelpresentationshort-170322174149.pdf
My.docx
Discrete event systems comprise of discrete state spaces and event
Six Sigma Complete Guide
Six Sigma Nitish Nagar
Hp syllabus
Ca site minder r12 professional study guide
Socket Programming - nitish nagar
Marseille french nitish nagar
Trojan horse nitish nagar
French nathalie sarraute nitish nagar
Facebook vs google+ - Nitish Nagar
Compay Brief - Nitish Nagar
Child labour
Chat server nitish nagar
Business communication By Nitish Nagar
8086 Microprocessor by Nitish Nagar

Recently uploaded (20)

PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
Spectroscopy.pptx food analysis technology
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Programs and apps: productivity, graphics, security and other tools
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPT
Teaching material agriculture food technology
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
cuic standard and advanced reporting.pdf
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Approach and Philosophy of On baking technology
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
NewMind AI Weekly Chronicles - August'25 Week I
Per capita expenditure prediction using model stacking based on satellite ima...
The Rise and Fall of 3GPP – Time for a Sabbatical?
The AUB Centre for AI in Media Proposal.docx
Spectroscopy.pptx food analysis technology
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Programs and apps: productivity, graphics, security and other tools
Understanding_Digital_Forensics_Presentation.pptx
Teaching material agriculture food technology
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
MYSQL Presentation for SQL database connectivity
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
cuic standard and advanced reporting.pdf
Building Integrated photovoltaic BIPV_UPV.pdf
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Approach and Philosophy of On baking technology

Computer graphics - Nitish Nagar

  • 1. Computer Graphics Hardware and Software Lecture Notes, CEng 477
  • 2. What is Computer Graphics? ● Different things in different contexts: – pictures, scenes that are generated by a computer. – tools used to make such pictures, software and hardware, input/output devices. – 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 – movie production, animation, special effects – computer games – World Wide Web – 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 – Digital Meromirror Devices – Light Emitting Diodes – 3D display devices (hologram or page scan methods)
  • 6. 1. cathode rays emitted by the electron gun CRT 2. focusing and deflection 3. when electron beams contact screen phosphor emits light 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 line-drawing 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: – inexpensive – filled areas, patterns – 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 System Bus CPU System Memor y Frame Buffer 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 System Bus D. Proc. memory. Frame Buffer Peripheral Devices Video Controller Monito r Display Processor System Memory
  • 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) curves ● Piecewise polynomial (spline) surfaces ● Implicit surfaces (quadrics, blobbies, etc.) ● 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: conversion from scene to image 3D Scene 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. Device independence.
  • 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: Model Model Model M1 M2 M3 3D World Scene 3D View Scene V P Clip Normalize 2D/3D Device Scene 2D Image Projection Rasterization Modeling Transformations Viewing Transformations MCS WCS VCS NDCS DCS SCS