CS452/552; EE465/505. Geometry Transformations

Similar documents
Geometry. CS 537 Interactive Computer Graphics Prof. David E. Breen Department of Computer Science

C O M P U T E R G R A P H I C S. Computer Graphics. Three-Dimensional Graphics I. Guoying Zhao 1 / 52

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

Objectives. Geometry. Coordinate-Free Geometry. Basic Elements. Transformations to Change Coordinate Systems. Scalars

Basic Elements. Geometry is the study of the relationships among objects in an n-dimensional space

Objectives. Geometry. Basic Elements. Coordinate-Free Geometry. Transformations to Change Coordinate Systems. Scalars

Today s Agenda. Geometry

BASIC ELEMENTS. Geometry is the study of the relationships among objects in an n-dimensional space

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

Geometry. Prof. George Wolberg Dept. of Computer Science City College of New York

Last week. Machiraju/Zhang/Möller

Computer Graphics. Coordinate Systems and Change of Frames. Based on slides by Dianna Xu, Bryn Mawr College

Lecture 4: Transformations and Matrices. CSE Computer Graphics (Fall 2010)

Three Main Themes of Computer Graphics

Transformations Computer Graphics I Lecture 4

Input and Interaction. Angel and Shreiner: Interactive Computer Graphics 7E Addison-Wesley 2015

EECE 478. Learning Objectives. Learning Objectives. Linear Algebra and 3D Geometry. Linear algebra in 3D. Coordinate systems

Transformations Computer Graphics I Lecture 4

Vector Algebra Transformations. Lecture 4

DRAFT: Mathematical Background for Three-Dimensional Computer Graphics. Jonathan R. Senning Gordon College

Linear Algebra Part I - Linear Spaces

Graphics and Interaction Transformation geometry and homogeneous coordinates

COMP30019 Graphics and Interaction Transformation geometry and homogeneous coordinates

For each question, indicate whether the statement is true or false by circling T or F, respectively.

Math background. 2D Geometric Transformations. Implicit representations. Explicit representations. Read: CS 4620 Lecture 6

Last week. Machiraju/Zhang/Möller/Fuhrmann

Graphics Pipeline 2D Geometric Transformations

CT5510: Computer Graphics. Transformation BOCHANG MOON

CS 130 Final. Fall 2015

Representations and Transformations. Objectives

CS 130 Exam I. Fall 2015

Lecture 9: Transformations. CITS3003 Graphics & Animation

Transformations. CSCI 420 Computer Graphics Lecture 4

Today. Today. Introduction. Matrices. Matrices. Computergrafik. Transformations & matrices Introduction Matrices

3D Mathematics. Co-ordinate systems, 3D primitives and affine transformations

Geometric transformations assign a point to a point, so it is a point valued function of points. Geometric transformation may destroy the equation

CS 432 Interactive Computer Graphics

Computer Graphics. Lecture 2. Doç. Dr. Mehmet Gokturk

Geometric Transformations

PetShop (BYU Students, SIGGRAPH 2006)

UNIT 2 2D TRANSFORMATIONS

3-D D Euclidean Space - Vectors

Transformations. CSCI 420 Computer Graphics Lecture 5

2D transformations: An introduction to the maths behind computer graphics

Transformations. OpenGL Transformations. 4x4 Model-view Matrix (this lecture) OpenGL Transformation Matrices. 4x4 Projection Matrix (next lecture)

2D/3D Geometric Transformations and Scene Graphs

Transforms. COMP 575/770 Spring 2013

3D Rendering Pipeline (for direct illumination)

521493S Computer Graphics Exercise 2 Solution (Chapters 4-5)

CS 130 Exam I. Fall 2015

Figure 1. Lecture 1: Three Dimensional graphics: Projections and Transformations

Intro to Curves Week 1, Lecture 2

GEOMETRIC TOOLS FOR COMPUTER GRAPHICS

S U N G - E U I YO O N, K A I S T R E N D E R I N G F R E E LY A VA I L A B L E O N T H E I N T E R N E T

CS 536 Computer Graphics Intro to Curves Week 1, Lecture 2

CS230 : Computer Graphics Lecture 6: Viewing Transformations. Tamar Shinar Computer Science & Engineering UC Riverside

Geometric Primitives. Chapter 5

Transformations. Standard Transformations. David Carr Virtual Environments, Fundamentals Spring 2005 Based on Slides by E. Angel

CHAPTER 1 Graphics Systems and Models 3

QUESTION BANK 10CS65 : COMPUTER GRAPHICS AND VISUALIZATION

3D GRAPHICS. design. animate. render

Transformations. CS 537 Interactive Computer Graphics Prof. David E. Breen Department of Computer Science

Introduction to Computer Graphics with WebGL

Computer Graphics I Lecture 11

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

2D Object Definition (1/3)

XPM 2D Transformations Week 2, Lecture 3

MET71 COMPUTER AIDED DESIGN

Specifying Complex Scenes

Object Representation Affine Transforms. Polygonal Representation. Polygonal Representation. Polygonal Representation of Objects

Practical Linear Algebra: A Geometry Toolbox

3D Rendering and Ray Casting

Rasterization. COMP 575/770 Spring 2013

GEOMETRIC OBJECTS AND TRANSFORMATIONS I

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

Drawing in 3D (viewing, projection, and the rest of the pipeline)

Drawing in 3D (viewing, projection, and the rest of the pipeline)

Objectives. transformation. General Transformations. Affine Transformations. Notation. Pipeline Implementation. Introduce standard transformations

Perspective Projection in Homogeneous Coordinates

Overview. By end of the week:

XPM 2D Transformations Week 2, Lecture 3

Homogeneous coordinates, lines, screws and twists

Interactive Computer Graphics A TOP-DOWN APPROACH WITH SHADER-BASED OPENGL

Viewing with Computers (OpenGL)

CS452/552; EE465/505. Transformations

CSE528 Computer Graphics: Theory, Algorithms, and Applications

Drawing in 3D (viewing, projection, and the rest of the pipeline)

Matrices. Chapter Matrix A Mathematical Definition Matrix Dimensions and Notation

3D Viewing. CS 4620 Lecture Steve Marschner. Cornell CS4620 Spring 2018 Lecture 9

CSE328 Fundamentals of Computer Graphics

CS452/552; EE465/505. Intro to Lighting

calibrated coordinates Linear transformation pixel coordinates

Game Architecture. 2/19/16: Rasterization

Chapter 5. Projections and Rendering

Chap 3 Viewing Pipeline Reading: Angel s Interactive Computer Graphics, Sixth ed. Sections 4.1~4.7

Transformations. Overview. Standard Transformations. David Carr Fundamentals of Computer Graphics Spring 2004 Based on Slides by E.

Fall CSCI 420: Computer Graphics. 2.2 Transformations. Hao Li.

Viewing and Projection

Perspective Mappings. Contents

3D Rendering and Ray Casting

Transcription:

CS452/552; EE465/505 Geometry Transformations 1-26-15

Outline! Geometry: scalars, points & vectors! Transformations Read: Angel, Chapter 4 (study cube.html/cube.js example) Appendix B: Spaces (vector, affine, Euclidean) Appendix C: Matrices Helpful links: Linear Algebra: Khan Academy Lab1 is posted on github, due: Friday, 1/30, midnight

The Local Coordinate System! Sometimes called Object Space (or Model Space )! It s the coordinate system the model was made in (0, 0, 0) Jeff Chastine

The World SPACE! The coordinate system of the virtual environment (619, 10, 628) Jeff Chastine

(619, 10, 628) Jeff Chastine

Camera Space (Eye Space)! It s all relative to the camera (or eye) Jeff Chastine

Camera Space! It s all relative to the camera (0, 0, -10) Jeff Chastine

The Big Picture! How do we represent points, polygons, etc.! How to we get from space to space?! How do we move, scale and rotate objects??? Jeff Chastine

Geometry! Introduce the elements of geometry! Develop mathematical operations among them in a coordinate-free manner! Define basic primitives Line segments Polygons

Basic Elements! Geometry is the study of the relationships among objects in an n-dimensional space In computer graphics, we are interested in objects that exist in three dimensions! Want a minimum set of primitives from which we can build more sophisticated objects! We will need three basic elements Scalars Vectors Points

Coordinate-Free Geometry! When we learned simple geometry, most of us started with a Cartesian approach Points were at locations in space p=(x,y,z) We derived results by algebraic manipulations involving these coordinates! This approach was nonphysical Physically, points exist regardless of the location of an arbitrary coordinate system Most geometric results are independent of the coordinate system Example Euclidean geometry: two triangles are identical if two corresponding sides and the angle between them are identical

Scalars! Need three basic elements in geometry Scalars, Vectors, Points! Scalars can be defined as members of sets which can be combined by two operations (addition and multiplication) obeying some fundamental axioms (associativity, commutivity, inverses)! Examples include the real and complex number systems under the ordinary rules with which we are familiar! Scalars alone have no geometric properties

Vectors! Physical definition: a vector is a quantity with two attributes Direction Magnitude! Examples include Force Velocity Directed line segments Most important example for graphics Can map to other types v

Vector Operations! Every vector has an inverse Same magnitude but points in opposite direction! Every vector can be multiplied by a scalar! There is a zero vector Zero magnitude, undefined orientation! The sum of any two vectors is a vector Use head-to-tail axiom v -v αv v w u

Linear Vector Spaces! Mathematical system for manipulating vectors! Operations Scalar-vector multiplication u=αv Vector-vector addition: w=u+v! Expressions such as v=u+2w-3r Make sense in a vector space

Vectors Lack Position! These vectors are identical Same length and magnitude! Vectors spaces insufficient for geometry Need points

Points! Location in space! Operations allowed between points and vectors Point-point subtraction yields a vector Equivalent to point-vector addition v=p-q P=v+Q

Affine Spaces! Point + a vector space! Operations Vector-vector addition Scalar-vector multiplication Point-vector addition Scalar-scalar operations! For any point define 1 P = P 0 P = 0 (zero vector)

Lines! Consider all points of the form P(α)=P 0 + α d Set of all points that pass through P 0 in the direction of the vector d

Parametric Form! This form is known as the parametric form of the line More robust and general than other forms Extends to curves and surfaces! Two-dimensional forms Explicit: y = mx +h Implicit: ax + by +c =0 Parametric: x(α) = αx 0 + (1-α)x 1 y(α) = αy 0 + (1-α)y 1

Rays and Line Segments! If α >= 0, then P(α) is the ray leaving P 0 in the direction d If we use two points to define v, then P( α) = Q + α (R-Q)=Q+αv = αr + (1-α)Q For 0<=α<=1 we get all the points on the line segment joining R and Q

Convexity! An object is convex iff for any two points in the object all points on the line segment between these points are also in the object P P Q Q convex not convex

Affine Sums! Consider the sum P=α 1 P 1 +α 2 P 2 +..+α n P n Can show by induction that this sum makes sense iff α 1 +α 2 +..α n =1 in which case we have the affine sum of the points P 1,P 2,..P n! If, in addition, α i >=0, we have the convex hull of P 1,P 2,..P n

Convex Hull! Smallest convex object containing P 1,P 2,..P n! Formed by shrink wrapping points

Dot and Cross Product! Dot (inner) product of 2 vectors: u v! Cross (outer) product of 2 (non-parallel) vectors: u v 25

Planes! A plane can be defined by a point and two vectors or by three points P v R u R Q P(α,β)=R+αu+βv P(α,β)=R+α(Q-R)+β(P-Q)

Triangles convex sum of P and Q convex sum of S(α) and R for 0<=α,β<=1, we get all points in triangle

Barycentric Coordinates Triangle is convex so any point inside can be represented as an affine sum where P(α 1, α 2, α 3 )=α 1 P+α 2 Q+α 3 R α 1 +α 2 +α 3 = 1 α i >=0 The representation is called the barycentric coordinate representation of P

Normals! In three dimensional spaces, every plane has a vector n perpendicular or orthogonal to it called the normal vector! From the two-point vector form P(α,β)=P+αu+βv, we know we can use the cross product to find n = u v and the equivalent form (P(α, β)-p) n=0 v P u

Curves and Surfaces! Curves are one parameter entities of the form P(α) where the function is nonlinear! Surfaces are formed from two-parameter functions P(α, β) Linear functions give planes and polygons P(α) P(α, β)

Coordinate Systems & Frames! Introduce concepts such as dimension and basis! Introduce coordinate systems for representing vectors spaces and frames for representing affine spaces! Discuss change of frames and bases! Introduce homogeneous coordinates

Linear Independence! A set of vectors v 1, v 2,, v n is linearly independent if α 1 v 1 +α 2 v 2 +.. α n v n =0 iff α 1 =α 2 = =0! If a set of vectors is linearly independent, we cannot represent one in terms of the others! If a set of vectors is linearly dependent, at least one can be written in terms of the others

Dimension! In a vector space, the maximum number of linearly independent vectors is fixed and is called the dimension of the space! In an n-dimensional space, any set of n linearly independent vectors form a basis for the space! Given a basis v 1, v 2,., v n, any vector v can be written as v=α 1 v 1 + α 2 v 2 +.+α n v n where the {α i } are unique

Representation! Until now we have been able to work with geometric entities without using any frame of reference, such as a coordinate system! Need a frame of reference to relate points and objects to our physical world. For example, where is a point? Can t answer without a reference system World coordinates Camera coordinates

Coordinate Systems! Consider a basis v 1, v 2,., v n! A vector is written v=α 1 v 1 + α 2 v 2 +.+α n v n! The list of scalars {α 1, α 2,. α n }is the representation of v with respect to the given basis! We can write the representation as a row or column array of scalars α a=[α 1 α 2. α n ] T = & $ $ α $. $ α $ % 1 2 n #!!!!! "

Example v=2v 1 +3v 2-4v 3 a=[2 3 4] T! Note that this representation is with respect to a particular basis! For example, in WebGL we will start by representing vectors using the object basis but later the system needs a representation in terms of the camera or eye basis

Coordinate Systems! Which is correct? v v! Both are because vectors have no fixed location

Frames! A coordinate system is insufficient to represent points! If we work in an affine space we can add a single point, the origin, to the basis vectors to form a frame v 2 P 0 v 1 v 3

Representation in a Frame! Frame determined by (P 0, v 1, v 2, v 3 )! Within this frame, every vector can be written as v=α 1 v 1 + α 2 v 2 +.+α n v n! Every point can be written as P = P 0 + β 1 v 1 + β 2 v 2 +.+β n v n

Points differ from Vectors Consider the point and the vector P = P 0 + β 1 v 1 + β 2 v 2 +.+β n v n v=α 1 v 1 + α 2 v 2 +.+α n v n They appear to have the similar representations p=[β 1 β 2 β 3 ] v=[α 1 α 2 α 3 ] which confuses the point with the vector A vector has no position v v p Vector can be placed anywhere point: fixed

Homogeneous Coordinates! Introduce homogeneous coordinates! Introduce change of representation for both vectors and points

A Single Representation If we define 0 P = 0 and 1 P =P then we can write v=α 1 v 1 + α 2 v 2 +α 3 v 3 = [α 1 α 2 α 3 0 ] [v 1 v 2 v 3 P 0 ] T P = P 0 + β 1 v 1 + β 2 v 2 +β 3 v 3 = [β 1 β 2 β 3 1 ] [v 1 v 2 v 3 P 0 ] T Thus we obtain the four-dimensional homogeneous coordinate representation v = [α 1 α 2 α 3 0 ] T p = [β 1 β 2 β 3 1 ] T

Homogeneous Coordinates and Computer Graphics! Homogeneous coordinates are key to all computer graphics systems All standard transformations (rotation, translation, scaling) can be implemented with matrix multiplications using 4 x 4 matrices Hardware pipeline works with 4 dimensional representations For orthographic viewing, we can maintain w=0 for vectors and w=1 for points For perspective we need a perspective division

Change of Coordinate Systems! Consider two representations of a the same vector with respect to two different bases. The representations are where a=[α 1 α 2 α 3 ] b=[β 1 β 2 β 3 ] v=α 1 v 1 + α 2 v 2 +α 3 v 3 = [α 1 α 2 α 3 ] [v 1 v 2 v 3 ] T =β 1 u 1 + β 2 u 2 +β 3 u 3 = [β 1 β 2 β 3 ] [u 1 u 2 u 3 ] T

Representing second basis in terms of first! Each of the basis vectors, u1,u2, u3, are vectors that can be represented in terms of the first basis u 1 = γ 11 v 1 +γ 12 v 2 +γ 13 v 3 u 2 = γ 21 v 1 +γ 22 v 2 +γ 23 v 3 u 3 = γ 31 v 1 +γ 32 v 2 +γ 33 v 3 v

Matrix Form The coefficients define a 3 x 3 matrix M = & γ $ $ γ $ % γ and the bases can be related by a=m T b see text for numerical examples 11 21 31 γ γ γ 12 22 32 γ γ γ 13 23 33 #!!!"

Change of Frames! We can apply a similar process in homogeneous coordinates to the representations of both points and vectors Consider two frames: (P 0, v 1, v 2, v 3 ) (Q 0, u 1, u 2, u 3 ) v 2 P 0 v 1 u 1 u 2 Q 0 v 3 u 3! Any point or vector can be represented in either frame! We can represent Q 0, u 1, u 2, u 3 in terms of P 0, v 1, v 2, v 3

Representing One Frame in Terms of the Other! Extending what we did with change of bases u 1 = γ 11 v 1 +γ 12 v 2 +γ 13 v 3 u 2 = γ 21 v 1 +γ 22 v 2 +γ 23 v 3 u 3 = γ 31 v 1 +γ 32 v 2 +γ 33 v 3 Q 0 = γ 41 v 1 +γ 42 v 2 +γ 43 v 3 +γ 44 P 0 M = defining a 4 x 4 matrix & γ $ $ γ $ γ $ % γ 11 21 31 41 γ γ γ γ 12 22 32 42 γ γ γ γ 13 23 33 43 0# 0!! 0!! 1"

Working with Representations! Within the two frames any point or vector has a representation of the same form a=[α 1 α 2 α 3 α 4 ] in the first frame b=[β 1 β 2 β 3 β 4 ] in the second frame where α 4 = β 4 = 1 for points and α 4 = β 4 = 0 for vectors and a=m T b The matrix M is 4 x 4 and specifies an affine transformation in homogeneous coordinates

Affine Transformations! Every linear transformation is equivalent to a change in frames! Every affine transformation preserves lines! However, an affine transformation has only 12 degrees of freedom because 4 of the elements in the matrix are fixed and are a subset of all possible 4 x 4 linear transformations

Frames in WebGL Consider the pipeline Model Coordinates Object (or World) Coordinates Eye (or Camera) Coordinates Clip Coordinates Normalized Device Coordinates Window (or Screen) Coordinates 51

The World and Camera Frames! When we work with representations, we work with n-tuples or arrays of scalars! Changes in frame are then defined by 4 x 4 matrices! In OpenGL/WebGL, the base frame that we start with is the world frame! Eventually we represent entities in the camera frame by changing the world representation using the model-view matrix! Initially these frames are the same (M=I)

! If objects are on both sides of z=0, we must move camera frame Moving the Camera!!!! " # $ $ $ $ % & 1 0 0 0 d 1 0 0 0 0 1 0 0 0 0 1 M =

Transformations! Introduce standard transformations Rotation Translation Scaling Shear! Derive homogeneous coordinate transformation matrices! Learn to build arbitrary transformation matrices from simple transformations

General Transformations! A transformation maps points to other points and/or vectors to other vectors v=t(u) Q=T(P)

Affine Transformations! Line preserving! Characteristic of many physically important transformations Rigid body transformations: rotation, translation Scaling, shear! Importance in graphics is that we need only transform endpoints of line segments and let implementation draw line segment between the transformed endpoints

Pipeline Implementation T (from application program) u T(u) frame buffer v transformation T(v) rasterizer T(v) T(v) v T(u) u T(u) vertices vertices pixels

Notation! We will be working with both coordinate-free representations of transformations and representations within a particular frame P,Q, R: points in an affine space u, v, w: vectors in an affine space α, β, γ: scalars p, q, r: representations of points array of 4 scalars in homogeneous coordinates u, v, w: representations of vectors array of 4 scalars in homogeneous coordinates

Translation! Move (translate, displace) a point to a new location P d P! Displacement determined by a vector d Three degrees of freedom P =P+d

How many ways?! Although we can move a point to a new location in infinite ways, when we move many points there is usually only one way object translation: every point displaced by same vector

Translation Using Representations Using the homogeneous coordinate representation in some frame p=[ x y z 1] T p =[x y z 1] T d=[dx dy dz 0] T Hence p = p + d or x =x+d x y =y+d y note that this expression is in four dimensions and expresses point = vector + point z =z+d z

Translation Matrix We can also express translation using a 4 x 4 matrix T in homogeneous coordinates p =Tp where T = T(d x, d y, d z ) = & 1 $ 0 $ $ 0 $ % 0 0 1 0 0 0 0 1 0 This form is better for implementation because all affine transformations can be expressed this way and multiple transformations can be concatenated together d d d x y z 1 #!!!! "