Larry F. Hodges 1 Design of Line and Circle Algorithms.

Slides:



Advertisements
Similar presentations
Circle Drawing Asst. Prof. Dr. Ahmet Sayar Kocaeli University
Advertisements

CS 4731: Computer Graphics Lecture 20: Raster Graphics Part 1 Emmanuel Agu.
CS 376 Introduction to Computer Graphics 02 / 02 / 2007 Instructor: Michael Eckmann.
Computer Graphics 4: Bresenham Line Drawing Algorithm, Circle Drawing & Polygon Filling By:Kanwarjeet Singh.
1 King ABDUL AZIZ University Faculty Of Computing and Information Technology CS 454 Computer graphics Drawing Elementary Figures Dr. Eng. Farag Elnagahy.
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.
Scan conversion of Line , circle & ellipse
Larry F. Hodges (modified by Amos Johnson) 1 Design of Line, Circle & Ellipse Algorithms.
CS 376 Introduction to Computer Graphics 01 / 29 / 2007 Instructor: Michael Eckmann.
2D Output Primitives Graphics packages provide basic operations (called primitive operations) to describe a scene in terms of geometric structures. The.
Raster conversion algorithms for line and circle
Bresenham’s Midpoint Algorithm CS5600 Computer Graphics Rich Riesenfeld Spring 2006 Lecture Set 1.
Section 1.1 The Distance and Midpoint Formulas. x axis y axis origin Rectangular or Cartesian Coordinate System.
©Zachary Wartell, Larry F. Hodges Scan Conversion I Revision 1.6 8/9/2007 Copyright 2006, Dr. Zachary Wartell, UNCC, All Rights Reserved.
CS 450: COMPUTER GRAPHICS DRAWING LINES AND CIRCLES SPRING 2015 DR. MICHAEL J. REALE.
Circle Drawing algo..
1 Preliminaries Precalculus Review I Precalculus Review II
CGMB214: Introduction to Computer Graphics
1/1/20001 Topic >>>> Scan Conversion CSE Computer Graphics.
College of Computer and Information Science, Northeastern UniversitySeptember 12, CS U540 Computer Graphics Prof. Harriet Fell Spring 2009 Lecture.
Dr. S.M. Malaek Assistant: M. Younesi
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
Graph of Linear Equations  Objective: –Graph linear equations.
coordinates, lines and increment
Introduction This chapter gives you several methods which can be used to solve complicated equations to given levels of accuracy These are similar to.
Informationsteknologi Monday, November 26, 2007Computer Graphics - Class 121 Today’s class Drawing lines Bresenham’s algorithm Compositing Polygon filling.
Equations of Lines Chapter 8 Sections
CS 325 Introduction to Computer Graphics 02 / 01 / 2010 Instructor: Michael Eckmann.
College of Computer and Information Science, Northeastern UniversityOctober 12, CS G140 Graduate Computer Graphics Prof. Harriet Fell Spring 2006.
Graphics Output Primitives
Line Drawing and Generalization. Outline  overview  line drawing  circle drawing  curve drawing.
CGMB214: Introduction to Computer Graphics
 A line segment in a scene is defined by the coordinate positions of the line end-points x y (2, 2) (7, 5)
Image Synthesis Rabie A. Ramadan, PhD 7. 2 Image Rasterization.
MIDPOINT CIRCLE & ELLIPSE GENERARTING ALGORITHMS
November 18, We could solve for y in terms of x ( x 0, y 0 ) are the origin points A Simple Circle Drawing Algorithm The equation for a circle.
Computer Graphics Drawing Line. Lines and Polylines Convex: For every pair of points in the polygon, the line between them is fully contained in the polygon.
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.
Midpoint Circle Algorithm
CS 325 Introduction to Computer Graphics 02 / 03 / 2010 Instructor: Michael Eckmann.
GEOMETRY AND LINE GENERATION Geometry and Line Generation Chapter 2.
Week 4 Functions and Graphs. Objectives At the end of this session, you will be able to: Define and compute slope of a line. Write the point-slope equation.
Scan Conversion.
William Ribarsky (modified by Amos Johnson) 1 Aliasing & Anti-aliasing.
Instructor: Dr. Shereen Aly Taie If (P>0)
Computer Graphics : Bresenham Line Drawing Algorithm, Circle Drawing
Computer Graphics CC416 Lecture 04: Bresenham Line Algorithm & Mid-point circle algorithm Dr. Manal Helal – Fall 2014.
Write Bresenham’s algorithm for generation of line also indicate which raster locations would be chosen by Bresenham’s algorithm when scan converting.
Computer Graphics Inf4/MSc Computer Graphics Lecture 4 Line & Circle Drawing.
10/10/2006TCSS458A Isabelle Bichindaritz1 Line and Circle Drawing Algorithms.
Computer Graphics Lecture 07 Ellipse and Other Curves Taqdees A. Siddiqi
Computer Graphics Lecture 06 Circle Drawing Techniques Taqdees A. Siddiqi
Computer Graphics : output primitives.. 2 of 32 T1 – pp. 103–123, 137–145, 147–150, 164–171 Points and LinesPoints Line Drawing AlgorithmsLine Mid–Point.
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
Scan Conversion or Rasterization
CS G140 Graduate Computer Graphics
CS 4731: Computer Graphics Lecture 20: Raster Graphics Part 1
Scan Conversion or Rasterization
Prof. Harriet Fell Spring 2007 Lecture 5 – January 17, 2006
Chapter Three Part I Output Primitives CS 380.
Scan Conversion of Circles
Rasterizing Lines 1 Lecture 32 Mon, Nov 12, 2007.
Chapter 3 Graphics Output Primitives
OUTPUT PRIMITIVES / DISPLAY TECHNIQUES
Presentation transcript:

Larry F. Hodges 1 Design of Line and Circle Algorithms

Larry F. Hodges 2 Basic Math Review Slope-Intercept Formula For A Line Given a third point on the line: P = (X,Y) Slope = (Y - Y 1 )/(X - X 1 ) = (Y 2 - Y 1 )/(X 2 - X 1 ) Solving For Y Y = [(Y 2 -Y 1 )/(X 2 -X 1 )]X + [-(Y 2 -Y 1 )/(X 2 -X 1 )]X 1 + Y 1 or Y = mx + b Cartesian Coordinate System P1 = (X1,Y1) P2 = (X2,Y2) P = (X,Y) SLOPE = RISE RUN = Y2-Y1 X2-X1

Larry F. Hodges 3 Other Helpful Formulas Length of line segment between P 1 and P 2 : L = ¦ [ (X 2 -X 1 ) 2 + (Y 2 -Y 1 ) 2 ] Midpoint of a line segment between P 1 and P 3 : P 2 = ( (X 1 +X 3 )/2, (Y 1 +Y 3 )/2 ) Two lines are perpendicular iff 1) M 1 = -1/M 2 2) Cosine of the angle between them is 0.

Larry F. Hodges 4 Parametric Form Of The Equation Of A 2D Line Given points P 1 = (X 1, Y 1 ) and P 2 = (X 2, Y 2 ) X = X 1 + t(X 2 -X 1 ) Y = Y 1 + t(Y 2 -Y 1 ) t is called the parameter. When t = 0 we get (X 1,Y 1 ) t = 1 we get (X 2,Y 2 ) As 0 < t < 1 we get all the other points on the line segment between (X 1,Y 1 ) and (X 2,Y 2 ).

Larry F. Hodges 5 Basic Line and Circle Algorithms 1. Must compute integer coordinates of pixels which lie on or near a line or circle. 2. Pixel level algorithms are invoked hundreds or thousands of times when an image is created or modified. 3. Lines must create visually satisfactory images. Lines should appear straight Lines should terminate accurately Lines should have constant density Line density should be independent of line length and angle. 4. Line algorithm should always be defined.

Larry F. Hodges 6 Simple DDA Line Algorithm {Based on the parametric equation of a line} Procedure DDA(X1,Y1,X2,Y2 :Integer); Var Length, I:Integer; X,Y,Xinc,Yinc:Real; Begin Length := ABS(X2 - X1); If ABS(Y2 - Y1) > Length Then Length := ABS(Y2-Y1); Xinc := (X2 - X1)/Length; Yinc := (Y2 - Y1)/Length; X := X1; Y := Y1; DDA creates good lines but it is too time consuming due to the round function and long operations on real values. For I := 0 To Length Do Begin Plot(Round(X), Round(Y)); X := X + Xinc; Y := Y + Yinc End {For} End; {DDA}

Larry F. Hodges 7 DDA Example Compute which pixels should be turned on to represent the line from (6,9) to (11,12). Length := Max of (ABS(11-6), ABS(12-9)) = 5 Xinc := 1 Yinc := 0.6 Values computed are: (6,9), (7,9.6), (8,10.2), (9,10.8), (10,11.4), (11,12)

Larry F. Hodges 8 Simple Circle Algorithms Since the equation for a circle on radius r centered at (0,0) is x 2 + y 2 = r 2, an obvious choice is to plot y = ± ¦ (r 2 - x 2 ) as -r Š x Š r. This works, but is inefficient because of the multiplications and square root operations. It also creates large gaps in the circle for values of x close to R. A better approach, which is still inefficient but avoids the gaps is to plot x = r cosø y = r sinø as ø takes on values between 0 and 360 degrees.

Larry F. Hodges 9 Fast Lines Using The Midpoint Method Assumptions: Assume we wish to draw a line between points (0,0) and (a,b) with slope m between 0 and 1 (i.e. line lies in first octant). The general formula for a line is y = mx + B where m is the slope of the line and B is the y-intercept. From our assumptions m = b/a and B = 0. y = (b/a)x > f(x,y) = bx - ay = 0 is an equation for the line.

Larry F. Hodges 10 Fast Lines (cont.) For lines in the first octant, the next pixel is to the right or to the right and up. Assume: Distance between pixels centers = 1 Having turned on pixel P at (x i, y i ), the next pixel is T at (x i +1, y i +1) or S at (x i +1, y i ). Choose the pixel closer to the line f(x, y) = bx - ay = 0. The midpoint between pixels S and T is (x i + 1,y i + 1/2). Let e be the difference between the midpoint and where the line actually crosses between S and T. If e is positive the line crosses above the midpoint and is closer to T. If e is negative, the line crosses below the midpoint and is closer to S. To pick the correct point we only need to know the sign of e.

Larry F. Hodges 11 Fast Lines - The Decision Variable f(x i +1,y i + 1/2 + e) = b(x i +1) - a(y i + 1/2 + e) = b(x i + 1) - a(y i + 1/2) -ae = f(x i + 1, y i + 1/2) - ae = 0 Let d i = f(x i + 1, y i + 1/2) = ae; d i is known as the decision variable. Since a  0, d i has the same sign as e. Algorithm: If d i  0 Then Choose T = (x i + 1, y i + 1) as next point d i+1 = f(x i+1 + 1, y i+1 + 1/2) = f(x i +1+1,y i +1+1/2) = b(x i +1+1) - a(y i +1+1/2) = f(x i + 1, y i + 1/2) + b - a = d i + b - a Else Choose S = (x i + 1, y i ) as next point d i+1 = f(x i+1 + 1, y i+1 + 1/2) = f(x i +1+1,y i +1/2) = b(x i +1+1) - a(y i +1/2) = f(x i + 1, y i + 1/2) + b = d i + b

Larry F. Hodges 12 The initial value for the decision variable, d 0, may be calculated directly from the formula at point (0,0). d 0 = f(0 + 1, 0 + 1/2) = b(1) - a(1/2) = b - a/2 Therefore, the algorithm for a line from (0,0) to (a,b) in the first octant is: x := 0; y := 0; d := b - a/2; For i := 0 to a do Begin Plot(x,y); If d  0 Then Begin x := x + 1; y := y + 1; d := d + b - a End Fast Line Algorithm Else Begin x := x + 1; d := d + b End Note that the only non-integer value is a/2. If we then multiply by 2 to get d' = 2d, we can do all integer arithmetic using only the operations +, -, and leftshift. The algorithm still works since we only care about the sign, not the value of d.

Larry F. Hodges 13 Bresenham’s Line Algorithm We can also generalize the algorithm to work for lines beginning at points other than (0,0) by giving x and y the proper initial values. This results in Bresenham's Line Algorithm. Begin {Bresenham for lines with slope between 0 and 1} a := ABS(xend - xstart); b := ABS(yend - ystart); d := 2*b - a; Incr1 := 2*(b-a); Incr2 := 2*b; If xstart > xend Then Begin x := xend; y := yend End Else Begin x := xstart; y := ystart End; For I := 0 to a Do Begin Plot(x,y); x := x + 1; If d  0 Then Begin y := y + 1; d := d + incr1 End Else d := d + incr2 End {For Loop} End; {Bresenham}

Larry F. Hodges 14 Optimizations Speed can be increased even more by detecting cycles in the decision variable. These cycles correspond to a repeated pattern of pixel choices. The pattern is saved and if a cycle is detected it is repeated without recalculating. di=

Larry F. Hodges 15 Circle Drawing Algorithm We only need to calculate the values on the border of the circle in the first octant. The other values may be determined by symmetry. Assume a circle of radius r with center at (0,0). Procedure Circle_Points(x,y :Integer); Begin Plot(x,y); Plot(y,x); Plot(y,-x); Plot(x,-y); Plot(-x,-y); Plot(-y,-x); Plot(-y,x); Plot(-x,y) End;

Larry F. Hodges 16 Fast Circles Consider only the first octant of a circle of radius r centered on the origin. We begin by plotting point (r,0) and end when x < y. The decision at each step is whether to choose the pixel directly above the current pixel or the pixel which is above and to the left (8-way stepping). Assume P i = (x i, y i ) is the current pixel. T i = (x i, y i +1) is the pixel directly above S i = (x i -1, y i +1) is the pixel above and to the left.

Larry F. Hodges 17 Fast Circles - The Decision Variable f(x,y) = x 2 + y 2 - r 2 = 0 f(x i - 1/2 + e, y i + 1) = (x i - 1/2 + e) 2 + (y i + 1) 2 - r 2 = (x i - 1/2) 2 + (y i +1) 2 - r 2 + 2(x i -1/2)e + e 2 = f(x i - 1/2, y i + 1) + 2(x i - 1/2)e + e 2 = 0 Let d i = f(x i - 1/2, y i +1) = -2(x i - 1/2)e - e 2 If e 0 so choose point S = (x i - 1, y i + 1). d i+1 = f(x i /2, y i ) = ((x i - 1/2) - 1) 2 + ((y i + 1) + 1) 2 - r 2 = d i - 2(x i -1) + 2(y i + 1) + 1 = d i + 2(y i+1 - x i+1 ) + 1 If e  0 then d i Š 0 so choose point T = (x i, y i + 1). d i+1 = f(x i - 1/2, y i ) = d i + 2y i P = (x,y ) T = (x,y +1) S = (x -1,y +1) i ii i i i e (x -1/2, y + 1) i i

Larry F. Hodges 18 Fast Circles - Decision Variable (cont.) The initial value of d i is d 0 = f(r - 1/2, 0 + 1) = (r - 1/2) r 2 = 5/4 - r {1-r can be used if r is an integer} When point S = (x i - 1, y i + 1) is chosen then d i+1 = d i + -2x i+1 + 2y i When point T = ( x i, y i + 1) is chosen then d i+1 = d i + 2y i+1 + 1

Larry F. Hodges 19 Fast Circle Algorithm Begin {Circle} x := r; y := 0; d := 1 - r; Repeat Circle_Points(x,y); y := y + 1; If d < 0 Then d := d + 2*y + 1 Else Begin x := x - 1; d := d + 2*(y-x) + 1 End Until x < y End; {Circle}

Larry F. Hodges 20 Fast Ellipses The circle algorithm can be generalized to work for an ellipse but only four way symmetry can be used. All the points in one quadrant must be computed. Since Bresenham's algorithm is restricted to only one octant, the computation must occur in two stages. The changeover occurs when the point on the ellipse is reached where the tangent line has a slope of ±1. In the first quadrant, this is when the x and y coordinates are both at of their maximum.

Larry F. Hodges 21 Antialiasing Aliasing is cause by finite addressability of the CRT. Approximation of lines and circles with discrete points often gives a staircase appearance or "Jaggies". Desired line Aliased rendering of the line

Larry F. Hodges 22 Antialiasing - Solutions Aliasing can be smoothed out by using higher addressability. If addressability is fixed but intensity is variable, use the intensity to control the address of a "virtual pixel". Two adjacent pixels can be be used to give the impression of a point part way between them. The perceived location of the point is dependent upon the ratio of the intensities used at each. The impression of a pixel located halfway between two addressable points can be given by having two adjacent pixels at half intensity. An antialiased line has a series of virtual pixels each located at the proper address.

Larry F. Hodges 23 Antialiased Bresenham Lines Line drawing algorithms such as Bresenham's can easily be modified to implement virtual pixels. We use the distance (e = d i /a) value to determine pixel intensities. Three possible cases which occur during the Bresenham algorithm: When color is used rather than a gray scale, the red, green and blue components are interpolated separately to determine each one's proper intensity. A A B C e B C e A B C e A = e B = 1 - abs(e+0.5) C = 0 A = e B = 1 - abs(e+0.5) C = 0 A = 0 B = 1 - abs(e+0.5) C = e e > 00 > e > -0.5e < -0.5