cs354 computer graphics viewing and projectionshuangqx/cs354_lecture_10.pdfperspective vs parallel...

40
CS354 Computer Graphics Viewing and Projections Qixing Huang February 19th 2018 Slide Credit: Donald S. Fussell

Upload: others

Post on 30-Mar-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

CS354 Computer GraphicsViewing and Projections

Qixing Huang

February 19th 2018

Slide Credit: Donald S. Fussell

Page 2: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Eye Coordinates (not NDC)

Page 3: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Planar Geometric Projections

• Standard projections project onto a plane

• Projectors are lines that either

– converge at a center of projection

– are parallel

• Such projections preserve lines

– but not necessarily angles

Page 4: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Classical Projections

Page 5: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Perspective vs Parallel

• Computer graphics treats all projections the same and implements them with a single pipeline

• Classical viewing developed different techniques for drawing each type of projection

• Fundamental distinction is between parallel and perspective viewing even though mathematically parallel viewing is the limit of perspective viewing

Page 6: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Taxonomy of Projections

Page 7: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Parallel Projection

A parallel projection is a projection of an object in three-dimensional space onto a fixed plane, known as the projection plane or image plane, where the rays, known as lines of sight or projection lines, are parallel to each other.

Page 8: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Perspective Projection

Page 9: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Orthographic Projection

Projectors are orthogonal to projection surface

Orthographic projection is a means of representing three-dimensional objects in two dimensions. It is a form of parallel projection, in which all the projection lines are orthogonal to the projection plane.

Page 10: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Multiview Orthographic Projection

Projection plane parallel to principal face

Usually form front, top, side views

isometric (not multiview

orthographic view)

in CAD and architecture,

we often display three

multiviews plus isometric

top

front

side

Isometric projection is a method for visually representing three-dimensional objects in two dimensions. It is an axonometric projection in which the three coordinate axes appear equally foreshortened and the angle between any two of them is 120 degrees.

Page 11: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Multiview Orthographic Projection

• Preserves both distances and angles– Shapes preserved

– Can be used for measurements• Building plans

• Manuals

• Cannot see what object really looks like because many surfaces hidden from view– Often we add the isometric

Page 12: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Projections and Normalization

• The default projection in the eye (camera) frame is orthogonal

• For points within the default view volume

• Most graphics systems use view normalization– All other views are converted to the default view by

transformations that determine the projection matrix– Allows use of the same pipeline for all views

Page 13: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Default Projection

Default projection is orthographic

Page 14: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Orthogonal Normalization

Page 15: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

OpenGL Orthogonal Viewing

Page 16: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Homogeneous Representation

https://en.wikipedia.org/wiki/Homogeneous_coordinates

Page 17: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Orthographic Eye to NDC

• Two steps

– Move center to origin

– Scale to have sides of length 2

Page 18: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Axonometric Projections

Allow projection plane to move relative to object

Page 19: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Types of Axonometric Projections

Page 20: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Discussion

• Lines are scaled (foreshortened) but can find scaling factors• Lines preserved but angles are not

– Projection of a circle in a plane not parallel to the projection plane is an ellipse

• Can see three principal faces of a box-like object• Some optical illusions possible

– Parallel lines appear to diverge

• Does not look real because far objects are scaled the same as near objects– Used in CAD applications

Page 21: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Oblique ProjectionArbitrary relationship between projectors and

projection plane

The obverse of an orthographic projection is an oblique projection, which is a parallel projection in which the projection lines are not orthogonal to the projection plane.

Page 22: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Discussion

• Can pick the angles to emphasize a particular face– Architecture: plan oblique, elevation oblique

• Angles in faces parallel to projection plane are preserved while we can still see “around” side

• In physical world, cannot create with simple camera; possible with bellows camera or special lens (architectural)

Page 23: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Perspective Projection

Projectors converge at center of projection

Page 24: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Vanishing Points

• Parallel lines (not parallel to the projection plan) on the object converge at a single point in the projection (the vanishing point)

Page 25: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Three-Point Perspective

• No principal face parallel to projection plane

• Three vanishing points for cube

Page 26: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Two-Point Perspective

• On principal direction parallel to projection plane

• Two vanishing points for cube

Page 27: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

One-Point Perspective

• One principal face parallel to projection plane

• One vanishing point for cube

Page 28: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Example

Image from https://en.wikipedia.org/wiki/File:Reconstruction_of_the_temple_of_Jerusalem.jpghttp://glasnost.itcarlow.ie/~powerk/GeneralGraphicsNotes/projection/perspective_projection.html

Raphael's "The School of Athens" shows architectural perspecive to good effect

pre-renaissance often show poor understanding of perspective

Page 29: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Discussion

• Objects further from viewer are projected smaller than the same sized objects closer to the viewer (diminution)– Looks realistic

• Equal distances along a line are not projected into equal distances (nonuniform foreshortening)

• Angles preserved only in planes parallel to the projection plane

• More difficult to construct by hand than parallel projections (but not more difficult by computer)

Page 30: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

1-, 2-, and 3-point Perspective

• A 4x4 matrix can represent 1, 2, or 3 vanishing points

– As well as zero for orthographic views

Page 31: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Simple Perspective

• Center of projection at the origin

• Projection plane z = d, d < 0

Page 32: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Perspective Equations

Consider top and side views

Page 33: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Homogeneous Form

Page 34: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

OpenGL Perspective

Page 35: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Simple Perspective

Consider a simple perspective with the COP at the

origin, the near clipping plane at z = -1, and a 90

degree field of view determined by the planes

Page 36: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Simple Eye to NDC

Page 37: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Normalization Transformation

Page 38: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

glFrustum Example

Page 39: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

glOrtho and glFrustum

• These OpenGL commands provide a parameterized transform mapping eye space into the “clip cube”

• Each command

– glOrtho is orthographic

– glFrustum is

single-point perspective

Page 40: CS354 Computer Graphics Viewing and Projectionshuangqx/CS354_Lecture_10.pdfPerspective vs Parallel •Computer graphics treats all projections the same and implements them with a single

Questions?