Rasterization. CS 4620 Lecture Kavita Bala w/ prior instructor Steve Marschner. Cornell CS4620 Fall 2015 Lecture 16

Similar documents
Rasterization. CS4620 Lecture 13

The graphics pipeline. Pipeline and Rasterization. Primitives. Pipeline

Pipeline and Rasterization. COMP770 Fall 2011

Surface shading: lights and rasterization. Computer Graphics CSE 167 Lecture 6

Rasterization. CS4620/5620: Lecture 12. Announcements. Turn in HW 1. PPA 1 out. Friday lecture. History of graphics PPA 1 in 4621.

Rasterization. Computer Graphics Fabio Pellacini and Steve Marschner

Rasterization. COMP 575/770 Spring 2013

CS4620/5620: Lecture 14 Pipeline

Graphics Pipeline 2D Geometric Transformations

graphics pipeline computer graphics graphics pipeline 2009 fabio pellacini 1

graphics pipeline computer graphics graphics pipeline 2009 fabio pellacini 1

CS Rasterization. Junqiao Zhao 赵君峤

CS 130 Final. Fall 2015

Rendering approaches. 1.image-oriented. 2.object-oriented. foreach pixel... 3D rendering pipeline. foreach object...

CS 4731: Computer Graphics Lecture 21: Raster Graphics: Drawing Lines. Emmanuel Agu

Line Drawing. Foundations of Computer Graphics Torsten Möller

Rasterization, or What is glbegin(gl_lines) really doing?

Einführung in Visual Computing

From Ver(ces to Fragments: Rasteriza(on

Line Drawing. Introduction to Computer Graphics Torsten Möller / Mike Phillips. Machiraju/Zhang/Möller

Realtime 3D Computer Graphics Virtual Reality

Rasterization: Geometric Primitives

Pipeline implementation II

Computer Graphics. - Rasterization - Philipp Slusallek

CS452/552; EE465/505. Clipping & Scan Conversion

Implementation III. Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico

OpenGL Graphics System. 2D Graphics Primitives. Drawing 2D Graphics Primitives. 2D Graphics Primitives. Mathematical 2D Primitives.

FROM VERTICES TO FRAGMENTS. Lecture 5 Comp3080 Computer Graphics HKBU

Line Drawing Week 6, Lecture 9

Lets assume each object has a defined colour. Hence our illumination model is looks unrealistic.

From Vertices to Fragments: Rasterization. Reading Assignment: Chapter 7. Special memory where pixel colors are stored.

CS 543: Computer Graphics. Rasterization

The Graphics Pipeline

Pipeline Operations. CS 4620 Lecture Steve Marschner. Cornell CS4620 Spring 2018 Lecture 11

Pipeline Operations. CS 4620 Lecture 14

Rasterization and Graphics Hardware. Not just about fancy 3D! Rendering/Rasterization. The simplest case: Points. When do we care?

2D rendering takes a photo of the 2D scene with a virtual camera that selects an axis aligned rectangle from the scene. The photograph is placed into

Topics. From vertices to fragments

Institutionen för systemteknik

Chapter 8: Implementation- Clipping and Rasterization

Computer Graphics Prof. Sukhendu Das Dept. of Computer Science and Engineering Indian Institute of Technology, Madras Lecture - 14

Renderer Implementation: Basics and Clipping. Overview. Preliminaries. David Carr Virtual Environments, Fundamentals Spring 2005

Drawing Fast The Graphics Pipeline

COMP371 COMPUTER GRAPHICS

0. Introduction: What is Computer Graphics? 1. Basics of scan conversion (line drawing) 2. Representing 2D curves

Pipeline Operations. CS 4620 Lecture 10

Tópicos de Computação Gráfica Topics in Computer Graphics 10509: Doutoramento em Engenharia Informática. Chap. 2 Rasterization.

CS230 : Computer Graphics Lecture 4. Tamar Shinar Computer Science & Engineering UC Riverside

E.Order of Operations

CS 4620 Final Exam. (a) Is a circle C 0 continuous?

CHAPTER 1 Graphics Systems and Models 3

Computer Graphics (CS 543) Lecture 10: Rasterization and Antialiasing

CS 130 Exam I. Fall 2015

Rendering. A simple X program to illustrate rendering

Rendering. Converting a 3D scene to a 2D image. Camera. Light. Rendering. View Plane

- Rasterization. Geometry. Scan Conversion. Rasterization

Drawing Fast The Graphics Pipeline

The Rasterization Pipeline

CS 464 Review. Review of Computer Graphics for Final Exam

UNIT -8 IMPLEMENTATION

Triangle Rasterization

CS 465 Program 5: Ray II

Introduction to Visualization and Computer Graphics

Module Contact: Dr Stephen Laycock, CMP Copyright of the University of East Anglia Version 1

Scan Converting Lines


Drawing Fast The Graphics Pipeline

CS 4620 Program 3: Pipeline

CS 130 Exam I. Fall 2015

Computer Graphics and GPGPU Programming

Spring 2009 Prof. Hyesoon Kim

Real-Time Graphics Architecture

CPSC / Scan Conversion

CS 4620 Program 4: Ray II

OpenGl Pipeline. triangles, lines, points, images. Per-vertex ops. Primitive assembly. Texturing. Rasterization. Per-fragment ops.

CSE 167: Introduction to Computer Graphics Lecture #5: Rasterization. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2015

Rendering. A simple X program to illustrate rendering

Department of Computer Sciences Graphics Fall 2003 (Lecture 2) Pixels

Intro to OpenGL II. Don Fussell Computer Science Department The University of Texas at Austin

Computer Graphics Fundamentals. Jon Macey

Last class. A vertex (w x, w y, w z, w) - clipping is in the - windowing and viewport normalized view volume if: - scan conversion/ rasterization

CS770/870 Fall 2015 Advanced GLSL

Real-Time Rendering (Echtzeitgraphik) Michael Wimmer

The Traditional Graphics Pipeline

COMP3421. Particle Systems, Rasterisation

EECE 478. Learning Objectives. Learning Objectives. Rasterization & Scenes. Rasterization. Compositing

CS559: Computer Graphics. Lecture 12: Antialiasing & Visibility Li Zhang Spring 2008

Clipping and Scan Conversion

CS 112 The Rendering Pipeline. Slide 1

CSE 167: Lecture #5: Rasterization. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2012

Last Time: Acceleration Data Structures for Ray Tracing. Schedule. Today. Shadows & Light Sources. Shadows

Scan Conversion. Drawing Lines Drawing Circles

The Traditional Graphics Pipeline

Topic #1: Rasterization (Scan Conversion)

Output Primitives. Dr. S.M. Malaek. Assistant: M. Younesi

TDA362/DIT223 Computer Graphics EXAM (Same exam for both CTH- and GU students)

Spring 2011 Prof. Hyesoon Kim

The Traditional Graphics Pipeline

WebGL and GLSL Basics. CS559 Fall 2015 Lecture 10 October 6, 2015

Incremental Form. Idea. More efficient if we look at d k, the value of the decision variable at x = k

Transcription:

Rasterization CS 4620 Lecture 16 1

Announcements A3 due on Thu Will send mail about grading once finalized 2

Pipeline overview you are here APPLICATION COMMAND STREAM 3D transformations; shading VERTEX PROCESSING TRANSFORMED GEOMETRY conversion of primitives to pixels RASTERIZATION FRAGMENTS blending, compositing, shading FRAGMENT PROCESSING FRAMEBUFFER IMAGE user sees this DISPLAY 3

Primitives Points Line segments and chains of connected line segments Triangles And that s all! Curves? Approximate them with chains of line segments Polygons? Break them up into triangles Curved regions? Approximate them with triangles Hardware desire: minimal primitives simple, uniform, repetitive: good for parallelism send curves, and the vertex shader will convert to primitives 4

Rasterization First job: enumerate the pixels covered by a primitive simple, aliased definition: pixels whose centers fall inside Second job: interpolate values across the primitive e.g. colors computed at vertices e.g. normals at vertices e.g. texture coordinates 5

Rasterizing lines Define line as a rectangle Specify by two endpoints Ideal image: black inside, white outside 6

Point sampling Approximate rectangle by drawing all pixels whose centers fall within the line 7

Point sampling in action Problem: Turns on adjacent pixels 8

Bresenham lines (midpoint alg.) Point sampling unit width rectangle leads to uneven line width Define line width parallel to pixel grid That is, turn on the single nearest pixel in each column Note that 45º lines are now thinner 9

Midpoint algorithm in action 10

Algorithms for drawing lines line equation: y = b + m x Simple algorithm: evaluate line equation per column W.l.o.g. x 0 < x 1 ; 0 m 1 for x = ceil(x0) to floor(x1) y = b + m*x output(x, round(y)) y = 1.91 + 0.37 x 11

Optimizing line drawing Multiplying and rounding is slow At each pixel the only options are E and NE d = m(x + 1) + b y d >= 0.5 decides between E and NE 12

Optimizing line drawing d = m(x + 1) + b y Only need to update d for integer steps in x and y Do that with addition Known as DDA (digital differential analyzer) 13

Midpoint line algorithm x = ceil(x0) y = round(m*x + b) d = m*(x + 1) + b y while x < floor(x1) if d >= 0.5 y += 1 d = 1 x += 1 d += m output(x, y) 14

Linear interpolation We often attach attributes to vertices e.g. computed diffuse color of a hair being drawn using lines want color to vary smoothly along a chain of line segments Basic definition of interpolation 1D: f(x) = (1 α) y 0 + α y 1 where α = (x x 0 ) / (x 1 x 0 ) In the 2D case of a line segment, alpha is just the fraction of the distance from (x 0, y 0 ) to (x 1, y 1 ) 15

Linear interpolation Pixels are not exactly on the line Define 2D function by projection on line this is linear in 2D therefore can use DDA to interpolate 16

Alternate interpretation We are updating d and α as we step from pixel to pixel d tells us how far from the line we are α tells us how far along the line we are 17

Alternate interpretation View loop as visiting all pixels the line passes through Interpolate d and α for each pixel Only output frag. if pixel is in band This makes linear interpolation the primary operation 18

Pixel-walk line rasterization x = ceil(x0) y = round(m*x + b) d = m*x + b y while x < floor(x1) if d > 0.5 y += 1; d = 1; else x += 1; d += m; if 0.5 < d 0.5 output(x, y) 19

Rasterizing triangles The most common case in most applications with good antialiasing can be the only case some systems render a line as two skinny triangles Triangle represented by three vertices Simple way to think of algorithm follows the pixel-walk interpretation of line rasterization walk from pixel to pixel over (at least) the polygon s area evaluate linear functions as you go use those functions to decide which pixels are inside 20

Rasterizing triangles Input: three 2D points (the triangle s vertices in pixel space) (x 0, y 0 ); (x 1, y 1 ); (x 2, y 2 ) parameter values at each vertex q 00,, q 0n ; q 10,, q 1n ; q 20,, q 2n Output: a list of fragments, each with the integer pixel coordinates (x, y) interpolated parameter values q 0,, q n 21

Rasterizing triangles 1 evaluation of linear functions on pixel grid 2 functions defined by parameter values at vertices 3 using extra parameters to determine fragment set 22

Incremental linear evaluation A linear (affine, really) function on the plane is: Linear functions are efficient to evaluate on a grid: 23

Incremental linear evaluation lineval(xm, xm, ym, ym, cx, cy, ck) { // setup qrow = cx*xm + cy*ym + ck; } // traversal for y = ym to ym { qpix = qrow; for x = xm to xm { output(x, y, qpix); qpix += cx; } qrow += cy; } c x =.005; c y =.005; c k = 0 (image size 100x100) 24

Defining parameter functions To interpolate parameters across a triangle we need to find the c x, c y, and c k that define the (unique) linear function that matches the given values at all 3 vertices this is 3 constraints on 3 unknown coefficients: (each states that the function agrees with the given value at one vertex) leading to a 3x3 matrix equation for the coefficients: (singular iff triangle is degenerate) 25

Defining parameter functions More efficient version: shift origin to (x 0, y 0 ) q(x, y) = c x (x x 0 ) + c y (y y 0 ) + q 0 q(x 1, y 1 ) = c x (x 1 x 0 ) + c y (y 1 y 0 ) + q 0 = q 1 q(x 2, y 2 ) = c x (x 2 x 0 ) + c y (y 2 y 0 ) + q 0 = q 2 now this is a 2x2 linear system (since q 0 falls out): solve using Cramer s rule (see Shirley): 26

Defining parameter functions lininterp(xm, xm, ym, ym, x0, y0, q0, x1, y1, q1, x2, y2, q2) { } // setup det = (x1 x0)*(y2 y0) (x2 x0)*(y1 y0); cx = ((q1 q0)*(y2 y0) (q2 q0)*(y1 y0)) / det; cy = ((q2 q0)*(x1 x0) (q1 q0)*(x2 x0)) / det; qrow = cx*(xm x0) + cy*(ym y0) + q0; // traversal (same as before) for y = ym to ym { qpix = qrow; for x = xm to xm { output(x, y, qpix); qpix += cx; } qrow += cy; } q = 0 q = 1 q = 0 27

Interpolating several parameters lininterp(xm, xm, ym, ym, n, x0, y0, q0[], x1, y1, q1[], x2, y2, q2[]) { // setup for k = 0 to n 1 // compute cx[k], cy[k], qrow[k] // from q0[k], q1[k], q2[k] } // traversal for y = ym to ym { for k = 1 to n, qpix[k] = qrow[k]; for x = xm to xm { output(x, y, qpix); for k = 1 to n, qpix[k] += cx[k]; } for k = 1 to n, qrow[k] += cy[k]; } 28

Clipping to the triangle Interpolate three barycentric coordinates across the plane recall each barycentric coord is 1 at one vert. and 0 at the other two Output fragments only when all three are > 0. 29

Rasterizing triangles Summary 1 evaluation of linear functions on pixel grid 2 functions defined by parameter values at vertices 3 using extra parameters to determine fragment set 30

Pixel-walk (Pineda) rasterization Conservatively visit a superset of the pixels you want Interpolate linear functions Use those functions to determine when to emit a fragment 31

Rasterizing triangles Exercise caution with rounding and arbitrary decisions need to visit these pixels once but it s important not to visit them twice! 32

Clipping Rasterizer tends to assume triangles are on screen particularly problematic to have triangles crossing the plane z = 0 After projection, before perspective divide clip against the planes x, y, z = 1, 1 (6 planes) primitive operation: clip triangle against axis-aligned plane 33

Clipping a triangle against a plane 4 cases, based on sidedness of vertices all in (keep) all out (discard) one in, two out (one clipped triangle) two in, one out (two clipped triangles) 34