1Computer Graphics Implementation III Lecture 17 John Shearer Culture Lab – space 2

Slides:



Advertisements
Similar presentations
Graphics Primitives: line
Advertisements

CS 4731: Computer Graphics Lecture 20: Raster Graphics Part 1 Emmanuel Agu.
From Vertices to Fragments
Computer Graphics 4: Bresenham Line Drawing Algorithm, Circle Drawing & Polygon Filling By:Kanwarjeet Singh.
CS 450: COMPUTER GRAPHICS REVIEW: DRAWING LINES AND CIRCLES SPRING 2015 DR. MICHAEL J. REALE.
+ CPCS 391 Computer Graphics 1 Instructor: Dr. Sahar Shabanah Lecture 3.
Line Drawing Algorithms. Rasterization-Process of determining which pixels give the best approximation to a desired line on the screen. Scan Conversion-Digitizing.
CS 352: Computer Graphics Chapter 7: The Rendering Pipeline.
Different types of Polygons Simple Convex Simple Concave Non-simple : self-intersecting With holes ConvexConcaveSelf-intersecting.
Raster conversion algorithms for line and circle
Implementation Dr. Amy Zhang. Reading 2  Hill, Chapters  Hill, Chapter 10.
CS5500 Computer Graphics © Chun-Fa Chang, Spring 2007 CS5500 Computer Graphics May 3, 2007.
Implementation III Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico.
Graphics Pipeline Rasterization CMSC 435/634. Drawing Terms Primitive – Basic shape, drawn directly – Compare to building from simpler shapes Rasterization.
Graphics Primitives: line. Pixel Position
WHERE TO DRAW A LINE?? Line drawing is accomplished by calculating intermediate positions along the line path between specified end points. Precise definition.
Scan Conversion Line and Circle
1 Angel: Interactive Computer Graphics 4E © Addison-Wesley 2005 Chapter 7: From Vertices to Fragments Ed Angel Professor of Computer Science, Electrical.
Informationsteknologi Monday, November 26, 2007Computer Graphics - Class 121 Today’s class Drawing lines Bresenham’s algorithm Compositing Polygon filling.
Triangle Scan Conversion. 2 Angel: Interactive Computer Graphics 5E © Addison-Wesley 2009 Rasterization Rasterization (scan conversion) –Determine which.
1 Angel: Interactive Computer Graphics 4E © Addison-Wesley 2005 Implementation Ed Angel Professor of Computer Science, Electrical and Computer Engineering,
Graphics Pipeline Rasterization CMSC 435/634. Drawing Terms Primitive – Basic shape, drawn directly – Compare to building from simpler shapes Rasterization.
Objectives Introduce basic implementation strategies Clipping Scan conversion.
22 Implementation Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico Many changes – Jeff.
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
Introduction to Computer Graphics with WebGL
CS 480/680 Computer Graphics Implementation III Dr. Frederick C Harris, Jr. Fall 2011.
1 Angel: Interactive Computer Graphics 5E © Addison-Wesley 2009 Week 3 Lecture 1: Implementation Based on Interactive Computer Graphics (Angel) - Chapter.
 A line segment in a scene is defined by the coordinate positions of the line end-points x y (2, 2) (7, 5)
COMPUTER GRAPHICS Hochiminh city University of Technology Faculty of Computer Science and Engineering CHAPTER 07: Rasterization.
1 Introduction to Computer Graphics with WebGL Ed Angel Professor Emeritus of Computer Science Founding Director, Arts, Research, Technology and Science.
Image Synthesis Rabie A. Ramadan, PhD 7. 2 Image Rasterization.
1Computer Graphics Implementation II Lecture 16 John Shearer Culture Lab – space 2
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.
Review on Graphics Basics. Outline Polygon rendering pipeline Affine transformations Projective transformations Lighting and shading From vertices to.
1Computer Graphics Implementation 1 Lecture 15 John Shearer Culture Lab – space 2
Rendering.
Scan Conversion.
Lecture 13: Raster Graphics and Scan Conversion
Lecture 2: 19/4/1435 Graphical algorithms Lecturer/ Kawther Abas CS- 375 Graphics and Human Computer Interaction.
Rasterization Overview Raster Display Device. Scan Conversion / Rasterization: converting vector graphics into raster graphics (determining pixels in.
Computer Graphics CC416 Week 14 Filling Algorithms.
Computer Graphics CC416 Lecture 04: Bresenham Line Algorithm & Mid-point circle algorithm Dr. Manal Helal – Fall 2014.
Computer Graphics Inf4/MSc Computer Graphics Lecture 4 Line & Circle Drawing.
Computer Graphics I, Fall 2010 Scan conversion algorithms.
Rasterization, or “What is glBegin(GL_LINES) really doing?” Course web page: February 23, 2012  Lecture 4.
Line Drawing Algorithms 1. A line in Computer graphics is a portion of straight line that extends indefinitely in opposite direction. 2. It is defined.
Primitive graphic objects
Attributes of Graphics Primitives Hearn & Baker Chapter 4
(c) 2002 University of Wisconsin, CS559
CS 4731: Computer Graphics Lecture 20: Raster Graphics Part 1
University of New Mexico
Implementation III.
Computer Graphics Implementation I.
Chapter Three Part I Output Primitives CS 380.
Introduction to Computer Graphics with WebGL
2D Scan-line Conversion
Course code: 10CS65 | Computer Graphics and Visualization
Rasterization and Antialiasing
Lecture 13 Clipping & Scan Conversion
Computer Graphics Implementation III
Rasterization and Antialiasing
Edited from The Rasterization Problem: Idealized Primitives Map to Discrete Display Space Edited from.
Chapter 3 Graphics Output Primitives
From Vertices To Fragments
Implementation III Ed Angel Professor Emeritus of Computer Science
From Vertex to Fragment
From Vertex to Fragment
Presentation transcript:

1Computer Graphics Implementation III Lecture 17 John Shearer Culture Lab – space 2

2Computer Graphics Objectives Survey Line Drawing Algorithms –DDA –Bresenham

3Computer Graphics Rasterization Rasterization (scan conversion) –Determine which pixels that are inside primitive specified by a set of vertices –Produces a set of fragments –Fragments have a location (pixel location) and other attributes such color and texture coordinates that are determined by interpolating values at vertices Pixel colors determined later using color, texture, and other vertex properties

4Computer Graphics Scan Conversion of Line Segments Start with line segment in window coordinates with integer values for endpoints Assume implementation has a write_pixel function y = mx + h

5Computer Graphics DDA Algorithm Digital Differential Analyzer –DDA was a mechanical device for numerical solution of differential equations –Line y=mx+ h satisfies differential equation dy/dx = m =  y/  x = y 2 -y 1 /x 2 -x 1 Along scan line  x = 1 for(x=x1; x<=x2,ix++) { y+=m;// Floating point addition write_pixel(x, round(y), line_color) }

6Computer Graphics Problem DDA = for each x plot pixel at closest y –Problems for steep lines

7Computer Graphics Using Symmetry Use for 1  m  0 For m > 1, swap role of x and y –For each y, plot closest x

8Computer Graphics Bresenham’s Algorithm DDA requires one floating point addition per step We can eliminate all fp through Bresenham’s algorithm Consider only 1  m  0 –Other cases by symmetry Assume pixel centers are at half integers If we start at a pixel that has been written, there are only two candidates for the next pixel to be written into the frame buffer

9Computer Graphics Candidate Pixels 1  m  0 last pixel candidates Note that line could have passed through any part of this pixel

10Computer Graphics Decision Variable d =  x(b-a) d is an integer d > 0 use upper pixel d < 0 use lower pixel

11Computer Graphics Incremental Form More efficient if we look at d k, the value of the decision variable at x = k dk+1= dk –2Dy, if dk <0 dk+1= dk –2(Dy- Dx), otherwise For each x, we need do only an integer addition and a test Single instruction on graphics chips

12Computer Graphics 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

13Computer Graphics 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) –Combine with z-buffer algorithm March across scan lines interpolating shades Incremental work small

14Computer Graphics Using Interpolation 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 span C1C1 C3C3 C2C2 C5C5 C4C4 scan line

15Computer Graphics Aliasing Ideal rasterized line should be 1 pixel wide Choosing best y for each x (or visa versa) produces aliased raster lines

16Computer Graphics Antialiasing by Area Averaging Color multiple pixels for each x depending on coverage by ideal line original antialiased magnified

17Computer Graphics Polygon Aliasing Aliasing problems can be serious for polygons –Jaggedness of edges –Small polygons neglected –Need compositing so color of one polygon does not totally determine color of pixel All three polygons should contribute to color

18Computer Graphics

19Computer Graphics