Different types of Polygons Simple Convex Simple Concave Non-simple : self-intersecting With holes ConvexConcaveSelf-intersecting.

Slides:



Advertisements
Similar presentations
Polygon Scan Conversion – 11b
Advertisements

Computer Graphics- SCC 342
CS 4731: Computer Graphics Lecture 20: Raster Graphics Part 1 Emmanuel Agu.
CS 450: COMPUTER GRAPHICS FILLING POLYGONS SPRING 2015 DR. MICHAEL J. REALE.
CPCS 391 Computer Graphics 1 Lecture 5: Polygon Filling
Implementation Dr. Amy Zhang. Reading 2  Hill, Chapters  Hill, Chapter 10.
Implementation III Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico.
Graphics Programming: Polygon Filling
CS 454 Computer graphics Polygon Filling
Graphics Pipeline Hidden Surface CMSC 435/634. Visibility We can convert simple primitives to pixels/fragments How do we know which primitives (or which.
TOPIC 4 PART III FILL AREA PRIMITIVES POLYGON FILL AREAS CGMB214: Introduction to Computer Graphics.
1 CSCE 441: Computer Graphics Scan Conversion of Polygons Jinxiang Chai.
CGMB 314 Intro to Computer Graphics Fill Area Primitives.
1/24/20061 Fill-Area Algorithms and Functions. 1/24/20062 Learning Objectives OpenGL state variables Color and gray scale Color functions Point attributes.
Polygon Scan Conversion and Z-Buffering
3/4/04© University of Wisconsin, CS559 Spring 2004 Last Time Clipping Lines –Cohen-Sutherland: The use of outcodes and early reject/accept tests –Liang-Barsky:
Informationsteknologi Monday, November 26, 2007Computer Graphics - Class 121 Today’s class Drawing lines Bresenham’s algorithm Compositing Polygon filling.
1 Angel: Interactive Computer Graphics 4E © Addison-Wesley 2005 Implementation Ed Angel Professor of Computer Science, Electrical and Computer Engineering,
From Vertices to Fragments Chapter 7. Part I Objectives Introduce basic implementation strategies Introduce basic implementation strategies Clipping Clipping.
From Vertices to Fragments II Software College, Shandong University Instructor: Zhou Yuanfeng
1Computer Graphics Implementation III Lecture 17 John Shearer Culture Lab – space 2
Introduction to Computer Graphics with WebGL
CS 480/680 Computer Graphics Implementation III Dr. Frederick C Harris, Jr. Fall 2011.
10/15/02 (c) 2002 University of Wisconsin, CS559 Last Time Clipping.
.. To transform something is to change it. In geometry, there are specific ways to describe how a figure is changed. The transformations you will learn.
1 Angel: Interactive Computer Graphics 5E © Addison-Wesley 2009 Week 3 Lecture 1: Implementation Based on Interactive Computer Graphics (Angel) - Chapter.
Hidden Surface Removal 1.  Suppose that we have the polyhedron which has 3 totally visible surfaces, 4 totally invisible/hidden surfaces, and 1 partially.
Scan Conversion. Last step in the graphics pipeline Efficiency is a central issue Common primitives – Lines (done last class) – Polygons (fill polygons,
2D Output Primitives Points Lines Circles Ellipses Other curves Filling areas Text Patterns Polymarkers.
1 Introduction to Computer Graphics with WebGL Ed Angel Professor Emeritus of Computer Science Founding Director, Arts, Research, Technology and Science.
1Computer Graphics Implementation II Lecture 16 John Shearer Culture Lab – space 2
CS 325 Introduction to Computer Graphics 03 / 22 / 2010 Instructor: Michael Eckmann.
10/15/02 (c) 2002 University of Wisconsin, CS559 Who Am I? Prof Stephen Chenney These notes will be online after the lecture – in fact they’re online already.
University of British Columbia CPSC 314 Computer Graphics Jan-Apr 2013 Tamara Munzner Rasterization.
Computer Graphics Filling. Filling Polygons So we can figure out how to draw lines and circles How do we go about drawing polygons? We use an incremental.
2D Output Primitives Points Lines Circles Ellipses Other curves Filling areas Text Patterns Polymarkers.
Lecture 15: Raster Graphics and Scan Conversion
1 CSCE 441: Computer Graphics Scan Conversion of Polygons Jinxiang Chai.
Rasterization Overview Raster Display Device. Scan Conversion / Rasterization: converting vector graphics into raster graphics (determining pixels in.
Computer Graphics CC416 Week 14 Filling Algorithms.
Visible-Surface Detection Methods. To identify those parts of a scene that are visible from a chosen viewing position. Surfaces which are obscured by.
Computer Graphics Lecture 08 Taqdees A. Siddiqi Computer Graphics Filled Area Primitives I Lecture 08 Taqdees A. Siddiqi
Computer Graphics CC416 Lecture 04: Bresenham Line Algorithm & Mid-point circle algorithm Dr. Manal Helal – Fall 2014.
Computer Graphics Through OpenGL: From Theory to Experiments, Second Edition Chapter 14.
Computer Graphics I, Fall 2010 Scan conversion algorithms.
OUTPUT PRIMITIVES CEng 477 Computer Graphics METU, 2004.
Computer Graphics Filling.
Introduction to Polygons
Polygons.
(c) 2002 University of Wisconsin, CS559
Computer Graphics Filled Area Primitives II Lecture 09 Taqdees A
University of New Mexico
Implementation III.
Fill Area Algorithms Jan
Polygon Filling Algorithms
Introduction to Computer Graphics with WebGL
Computer Graphics Filling & Color.
© University of Wisconsin, CS559 Fall 2004
3D Rendering Pipeline Hidden Surface Removal 3D Primitives
Agenda Polygon Terminology Types of polygons Inside Test
Prepared by Narendra V G CSE MIT
Agenda Polygon Terminology Types of polygons Inside Test
Lecture 13 Clipping & Scan Conversion
Prof. Harriet Fell Fall 2011 Lecture 9 – September 26, 2011
Computer Graphics Implementation III
(c) 2002 University of Wisconsin, CS559
Rasterizing Polygons 2 Lecture 35 Mon, Nov 26, 2007.
Rasterizing Polygons Lecture 29 Wed, Dec 7, 2005.
Where We Stand At this point we know how to: Next thing:
Implementation III Ed Angel Professor Emeritus of Computer Science
Presentation transcript:

Different types of Polygons Simple Convex Simple Concave Non-simple : self-intersecting With holes ConvexConcaveSelf-intersecting

Polygon Scan Conversion Scan Conversion = Fill How to tell inside from outside –Convex easy –Nonsimple difficult –Odd even test Count edge crossings odd-even fill

Winding Number Count clockwise crossings as positive and counterclockwise crossings as negative Alternate definition of inside: inside if winding number  0 winding number = 2 winding number = 1

Filling in the Frame Buffer Fill at end of pipeline –Convex Polygons only –Nonconvex polygons assumed to have been tessellated –Shades (colors) have been computed for vertices (Gouraud shading) –March across scan lines interpolating shades Incremental work small

Using Interpolation span C1C1 C3C3 C2C2 C5C5 C4C4 scan line C 1 C 2 C 3 specified by glColor or by vertex shading C 4 determined by interpolating between C 1 and C 2 C 5 determined by interpolating between C 2 and C 3 interpolate between C 4 and C 5 along span

Scan Line Polygon Fill Determine overlap Intervals for scan lines that cross that area. –Requires determining intersection positions of the edges of the polygon with the scan lines –Fill colors are applied to each section of the scanline that lies within the interior of the region. –Interior regions determined as in odd-even test Interior pixels along a scan line passing through a polygon area

In the given example, four pixel intersections are at x=10, x=13, x=16 and x=19 These intersection points are then sorted from left to right, and the corresponding frame buffer positions between each intersection pair are set to specified color –10 to 13, and 16 to

Scan Line Polygon Fill Some scan line intersections at polygon vertices require special handling: –A scan line passing through a vertex intersects two polygon edges at that position

Intersection points along the scan lines that intersect polygon vertices. Scan line y’ generates an even number of intersections that can be paired to identify correctly the interior pixel spans. To identify the interior pixels for scan line y, we must count the vertex intersection as only one point Scan Line y’ Scan Line y

Scan Line Polygon Fill The topological difference between scan Line y and scan Line y’ For scan line y, the two edges sharing an intersection vertex are on opposite sides of the scan line. –Count this vertex as one intersection point For scan line y’, the two intersecting edges are both above the scan line

Scan Line Polygon Fill We can distinguish these cases by tracing around the polygon boundary either in clockwise or counterclockwise order and observing the relative changes in vertex y coordinates as we move from one edge to the next. Let (y1, y2) and (y2, y3) be the endpoint y values of two consecutive edges. If y1, y2, y3 monotonically increase or decrease, we need to count the middle vertex as a single intersection point for any scan line passing through that vertex.

Scan Line Polygon Fill One method for implementing the adjustment to the vertex intersection count is to shorten some polygon edges to split those vertices that should be counted as one intersection –When the end point y coordinates of the two edges are increasing, the y value of the upper endpoint for the current edge is decreased by 1 –When the endpoint y values are monotonically decreasing, we decrease the y coordinate of the upper endpoint of the edge following the current edge

Scan Line Polygon Fill Algorithm Adjusting endpoint values for a polygon, as we process edges in order around the polygon perimeter. The edge currently being processed is indicated as a solid like. In (a), the y coordinate of the upper endpoint of the current edge id decreased by 1. In (b), the y coordinate of the upper end point of the next edge is decreased by 1 (a)(b)

The scan conversion algorithm works as follows i.Intersect each scanline with all edges ii.Sort intersections in x iii.Calculate parity of intersections to determine in/out iv.Fill the “in” pixels Special cases to be handled: i.Horizontal edges should be excluded ii.Vertices lying on scanlines handled by shortening of edges, Coherence between scanlines tells us that -Edges that intersect scanline y are likely to intersect y + 1 -X changes predictably from scanline y to y + 1 (Incremental Calculation Possible)

The slope of the edge is constant from one scan line to the next: –let m denote the slope of the edge. Each successive x is computed by adding the inverse of the slope and rounding to the nearest integer

Integer operations Recall that slope is the ratio of two integers: So, incremental calculation of x can be expressed as

Integer operations How to compute x intercepts incrementally using integer operations: –Initialize a counter to 0 –Increment counter by  x each time we move up to a new scan line. –If counter becomes greater or equal to  y, increment the current x intersection value by 1 and decrease the counter by  y

Example: m=7/3 Initial scanline counter = 0 Next scanlines –Counter =3 –Counter =6 –Counter =9 increment x intercept by Reset counter to 9-7 = 2

ykyk xkxk Line with slope 7/3

y0y0 x0x decrement counter

Above scheme truncates integers. How do we round to nearest integer? –We need to compare the counter to  y/2. –Can be done by integer arithmetic by incrementing counter by 2  x at each step and comparing with  y –When the counetr is greater than or equal to  y, increase x value by 1 and decrement the counter by 2  y

Example: m=7/3 Initial scanline counter = 0 Next scanlines –Counter =6 –Counter =12 increment x intercept by Reset counter to 12-(2*7) = -2

y0y0 x0x decrement decrement counter

In SET, there is an entry for each scanline. Traverse edges of the polygon to construct a Sorted Edge Table (SET) 1. Eliminate horizontal edges 2. Add edge to linked-list for the scan line corresponding to the y_lower vertex. Shorten edges if necessary to resolve the vertex-intersection problem. 3. For each edge entry, store the following: - y _upper: the largest y value on that edge (last scanline to consider) - x _lower: the x intercept at that scanline (initial x value) - 1/ m : for incrementing x 4. For each scan line the edges are sorted from left to right (based on x) Sorted Edge Table (SET)

C C’ D A E B 

Active Edge List (AEL) Construct Active Edge List during scan conversion. AEL is a linked list of active edges on the current scanline, y. The active edges are kept sorted by x –The active edge list contains all the edges crossed by that scan line. –As we move up, update the active edge list using the sorted edge table if necessary.

Algorithm 1.Set y to the smallest y coordinate that has an entry in the SET; i.e, y for the first nonempty bucket. 2.Initialize the AEL to be empty. 3.For each scanline y repeat: 3.1Copy from SET bucket y to the AEL those edges whose y_min = y (entering edges). 3.2The sort the AEL on x is easier because SET is presorted. 3.3Fill in desired pixel values on scanline y by using pairs of x coordinates from AEL. 3.5Remove from the AEL those entries for which y = y_max (edges not involved in the next scanline.) 3.4 Increment y by 1 (to the coordinate of the next scanline). 3.5 For each nonvertical edge remaining in the AEL, update x for the new y.

Flood Fill Algorithm These algorithms assume that at least one pixel interior to a polygon or region is known -assume that the boundary is defined by Bresenham’s

Flood Fill Fill can be done recursively if we know a seed point (x,y) located inside (WHITE) Scan convert edges into buffer in edge/inside color (BLACK) flood_fill(int x, int y) { if(read_pixel(x,y)= = WHITE) { write_pixel(x,y,BLACK); flood_fill(x-1, y); flood_fill(x+1, y); flood_fill(x, y+1); flood_fill(x, y-1); }

Depth or Z-Buffer For each pixel, we store COLOR (color buffer) and DEPTH (depth buffer). Algorithm: Initialize all elements of buffer COLOR(row, col) to background color, and DEPTH(row, col) to maximum-depth; FOR EACH polygon: Rasterize polygon to frame; FOR EACH pixel center (x, y) that is covered: IF polygon depth at (x, y) < DEPTH(x, y) THEN COLOR(x, y) = polygon color at (x, y) AND DEPTH(x, y) = polygon depth at (x, y)

Depth Buffer Operation FrameDepth Initialize (“New Frame”)                    

Depth Buffer Operation – First Polygon FrameDepth Pink Triangle -- depths computed at pixel centers              

Depth Buffer Operation -- First Polygon FrameDepth Pink Triangle -- pixel values assigned              

Depth Buffer Operation – Second Polygon FrameDepth Green Rectangle -- depths computed at pixel centers         

Depth Buffer Operation – Second Polygon FrameDepth Green Rectangle -- pixel values assigned: NOTE REPLACEMENTS!         

Depth Buffer Operation – Third Polygon FrameDepth        Blue Pentagon -- depths computed at pixel centers not stored 71 not stored

Depth Buffer Operation – Third Polygon FrameDepth        Blue Pentagon -- pixel values assigned: NOTE ‘GOES BEHIND’!

screen scan-line