1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing.

Slides:



Advertisements
Similar presentations
Md. Monjur –ul-Hasan Department of Computer Science & Engineering Chittagong University of Engineering & Technology Chittagong 4349
Advertisements

CHAPTER 3 2D GRAPHICS ALGORITHMS
Advanced Imaging Techniques Lumberton High Sci Vis II V
V Material obtained from a July, 2014 summer workshop in Guildford County.
Image Data Representations and Standards
C HAPTER 18: E LECTRONIC S PECIAL E FFECTS. V OCABULARY : Chromakey: Type of key effect where a specific color can be blocked from the key camera’s input.
In the name of God Computer Graphics Bastanfard.
© 2001 By Default! A Free sample background from Slide 1 Attributes of Output Primitives Definition Parameter that affects.
Bit Depth and Spatial Resolution SIMG-201 Survey of Imaging Science © 2002 CIS/RIT.
Informationsteknologi Monday, October 29, 2007Computer Graphics - Class 21 Today’s class Graphics programming Color.
CS 376 Introduction to Computer Graphics 02 / 05 / 2007 Instructor: Michael Eckmann.
Output Primitives Computer Graphics.
Resolving the Problem Resolution: Concepts & Definitions.
CST 494/598 Computer Graphics Anshuman Razdan i3dea.asu.edu/razdan.
Graphics Output Primitives Pixel Addressing and Fill Area Dr. M. Al-Mulhem Feb. 1, 2008.
Introduction to Computer Graphics
Vector vs. Bitmap SciVis V
V Obtained from a summer workshop in Guildford County July, 2014
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
1 Bitmap Graphics It is represented by a dot pattern in which each dot is called a pixel. Each pixel can be in any one of the colors available and the.
March Shape Drawing Algorithms Shmuel Wimer Bar Ilan Univ., Engineering Faculty.
1/24/20061 Fill-Area Algorithms and Functions. 1/24/20062 Learning Objectives OpenGL state variables Color and gray scale Color functions Point attributes.
COMPUTER GRAPHICS Prepared by S.MAHALAKSHMI Asst. Prof(Sr) / SCSE VIT University.
CGMB214: Introduction to Computer Graphics
IT- 601: Computer Graphics Lecture-03 Scan Conversion
Dr. S.M. Malaek Assistant: M. Younesi
WHERE TO DRAW A LINE?? Line drawing is accomplished by calculating intermediate positions along the line path between specified end points. Precise definition.
Tools for Raster Displays CVGLab Goals of the Chapter To describe pixmaps and useful operations on them. To develop tools for copying, scaling, and rotating.
Vector vs. Bitmap
Graphics Graphics Korea University cgvr.korea.ac.kr Raster Graphics 고려대학교 컴퓨터 그래픽스 연구실.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Image Representation. Objectives  Bitmaps: resolution, colour depth and simple bitmap file calculations.  Vector graphics: drawing list – objects and.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Character Generation.
CGMB214: Introduction to Computer Graphics
INT 840E Computer graphics Introduction & Graphic’s Architecture.
2D Output Primitives Points Lines Circles Ellipses Other curves Filling areas Text Patterns Polymarkers.
Computer Graphics Chapter 6 Andreas Savva. 2 Interactive Graphics Graphics provides one of the most natural means of communicating with a computer. Interactive.
Vector Graphics Digital Multimedia Chap 이병희
1 Aliasing & Anti-Aliasing. 2 What is aliasing? An artifact (loss of detail and false details) Caused by discretization (finite resolution) A rasterized.
DIGITAL IMAGE. Basic Image Concepts An image is a spatial representation of an object An image can be thought of as a function with resulting values of.
Do Now: Take out your notebook and a pen. Good Morning Do Now: Take out your notebook and a pen. Good Morning Aim: What is color? Mr. Spaterella Technology.
Attributes of Graphics Primitives Hearn & Baker Chapter 4 Some slides are taken from Robert Thomsons notes.
COMP135/COMP535 Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 4 Lecture 4 - Vector Graphics.
COMPUTER GRAPHICS. Can refer to the number of pixels in a bitmapped image Can refer to the number of pixels in a bitmapped image The amount of space it.
In the name of God Computer Graphics. Today Introduction Sampling Graphic Output Primitives 1.Line 2.Circle 3.Curve 4.polygon.
CISC 110 Day 3 Introduction to Computer Graphics.
2D Output Primitives Points Lines Circles Ellipses Other curves Filling areas Text Patterns Polymarkers.
Scan Conversion.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Guilford County SciVis V104.03
CS552: Computer Graphics Lecture 17: Scan Conversion (Special Cases)
OUTPUT PRIMITIVES A.Aruna/Faculty of Information technology/SNSCE13/19/2016.
Advanced Imaging Techniques V Guilford County Sci Vis.
Attributes of Graphics Primitives Chapter 4
Computer Graphics Lecture 08 Taqdees A. Siddiqi Computer Graphics Filled Area Primitives I Lecture 08 Taqdees A. Siddiqi
Mohammed AM Dwikat CIS Department Digital Image.
Computer Graphics CC416 Lecture 04: Bresenham Line Algorithm & Mid-point circle algorithm Dr. Manal Helal – Fall 2014.
IS502:M ULTIMEDIA D ESIGN FOR I NFORMATION S YSTEM D IGITAL S TILL I MAGES Presenter Name: Mahmood A.Moneim Supervised By: Prof. Hesham A.Hefny Winter.
ATTRIBUTE OF OUTPUT PRIMITIVES. Attribute of Output Primitives 30/9/2008 A.Aruna/Assistant professor/IT/SNSCE 2 Definition Line Attribute Curve Attribute.
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
Pattern filling in scan-conversion Antialiasing
Attributes of Graphics Primitives Hearn & Baker Chapter 4
Vector vs. Bitmap.
Chapter Three Part I Output Primitives CS 380.
o عَلَّمَهُ الْبَيَانَ
Primitive Drawing Algorithm
Primitive Drawing Algorithm
Presentation transcript:

1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing

2 Attributes of Output Primitives Definition Parameter that affects the way a primitive will be displayed Line Attribute. Type. Width. Color. Pen & Brush

3 Line Attribute Type. Solid. Dotted – very short dash with spacing equal to or greater than dash itself. Dashed – displayed by generating an interdash spacing Pixel count for the span and interspan length is specified by the mask. Ex Note : Fixed pixel with dashes can produce unequal length dashes. It depend on line orientation. So, need to adjust the number of plotted pixels for different slopes.

4 Line Attribute Width. Specify in pixels and proportion of a standard line width.. Thicker line can be produced by.. Adding extra pixel vertically when |m| < 1. Adding extra pixel horizontally when |m| > 1. Issues:. Line have different thickness on the slope. Problem with. End of the line. Joining the two lines (polygon)

5 Attributes of Output Primitives

6

7 Line Attribute Pen and Brush. The selected “pen” or “brush” determine the way a line will be drawn.. Pens and brushes have size, shape, color and pattern attribute.. Pixel mask is applied in both of them.

8 Curve Attribute Similar to line : type + width Thicker curves can be produced by: 1. Plotting additional pixel 2. Filling the space between two concentric circles. 3. Using thicker pen or brush

9 COLOR AND GRAY SCALE LEVEL Color  Colors are represented by colors codes which are positive integers.  Color information is stored in frame buffer or in separate table and use pixel values as index to the color table.  Two ways to store color information : 1. Direct 2. Indirect

10 COLOR Direct

11 COLOR Indirect

12 COLOR Exercise: What is the size of frame buffer required for the following cases: Case 1 (Direct): Resolution of 1024 * 1024 with 24 bits per pixel Case 2 (Indirect): Same resolution with 8 bit per pixel that indexed out of 16 million available colors Conclusion CLUT is good for storage but can’t give a very high resolution picture.

13 GRAY SCALE LEVEL  Apply for monitor that have no color  Shades of grey (white->light grey->dark grey->black)  Color code mapped onto grayscale codes  2 bits can give 4 level of grayscale  8 bits per pixel will allow 256 combination  Dividing the actual code with 256 will give range of 0 and 1 Ex: Color code in color display is 118 To map to nearest grayscale then 118/256 = 0.45  light gray ScaleShade 1black 0.66Dark grey 0.33Light Grey 0White

14 AREA FILLED ATTRIBUTE. Option for filling a defined region is whether solid, pattern and colors. Fill Styles. Three basic fill styles are:. hollow with color border.. interior color is same with background

15 AREA FILLED ATTRIBUTE. filled with a solid color.. color up to and including the border pattern.. control by other table

16 Pattern Fill Ex: Table with two dimensional array of color codes. Index 1: Cpa[1,1] = 4 Cpa[2,2] = 4 | 4 0 | Cpa[1,2] = 0 | 0 4 | Cpa[2,1] = 0 Index 2: Cpb[1,1] = 4 Cpb[2,2] = 4 | | Cpb[3,3] = 4 | | Cpb[1,2] = 6 | | Cpb[2,1] = 6 Cpb[2,3] = 6 Cpb[1,3] = 4 Cpb[3,1] = 4 Cpb[3,3] = 4

17 Pattern Fill.Filling an area with rectangular pattern is called tiling..Some pattern are generated based on and, or, xor, replace logic which result based on the foreground and background color..Soft Fill is a method where factor is given in order to control the transparency of background and foreground P = tF+(1-t)B t: transparency value 0-1

18 ANTIALIASING

19 ANTIALIASING

20 ANTIALIASING This distortion is due to low-frequency sampling and it is called aliasing..To improve the appearance is called antialiasing method..The straight line, circle and ellipse drawing algorithms have to decide which pixel are closest to line..Scan conversion samples a line and choose which of the much smaller number of pixel on the screen to be plotted to represent a line.

21 ANTIALIASING Increasing Screen Resolution

22 ANTIALIASING Supersampling

23 ANTIALIASING

24 ANTIALIASING

25 ANTIALIASING

26 ANTIALIASING

27 ANTIALIASING

28 ANTIALIASING

29 ANTIALIASING

30 Conclusion Polygon Filling (scan-line, boundary, flood) Line attributes (size, type, color,pen&brush) Color and gray scale representation and storing Full 24-bit Color LUT Area filled (polygon) attributes Fill styles (hollow, filled, pattern) Distortion (aliasing) Anti-aliasing techniques Screen resolution Super sampling Area sampling (Weighted & unweighted)