34
CS 4620 Lecture 8 © 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8 Perspective 1

Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

CS 4620 Lecture 8

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Perspective

1

Page 2: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• To render an image of a 3D scene, we project it onto a plane • Simplest kind of projection is parallel projection

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Parallel projection

2

imagescene

projectionplane

Page 3: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Emphasis on cube-like objects – traditional in mechanical and architectural drawing

Planar Geometric Projections

Parallel

Oblique

MultiviewOrthographic

Perspective

One-point Two-point Three-pointOrthographic

Axonometric

[aft

er C

arlb

om &

Pac

iore

k 78

]

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Classical projections—parallel

3

Page 4: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Orthographic

[Car

lbom

& P

acio

rek

78]

4

Page 5: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

– projection plane parallel to a coordinate plane– projection direction perpendicular to projection plane

[Car

lbom

& P

acio

rek

78]

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Orthographic

5

Page 6: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Off-axis parallel

axonometric: projection plane perpendicular to projection direction but not parallel to coordinate planes

oblique: projection plane parallel to a coordinate plane but not perpendicular to projection direction.

[Car

lbom

& P

acio

rek

78]

6

Page 7: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• In graphics usually we lump axonometric with orthographic – projection plane

perpendicular toprojection direction

– image heightdetermines sizeof objects in image

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

“Orthographic” projection

7

Page 8: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• View direction no longer coincides with projection plane normal (one more parameter) – objects at different distances

still same size– objects are shifted

in the imagedepending on their depth

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Oblique projection

8

Page 9: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Ray origin (varying): pixel position on viewing window • Ray direction (constant): view direction

– but where exactly is the view rectangle?

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Generating eye rays—orthographic

9

viewing ray

viewingwindow

pixelposition

Page 10: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Positioning the view rectangle – establish three vectors to be camera basis: u, v, w– view rectangle is in u–v plane,

specified by l, r, t, b (often l = –r and b = –t)

• Generating rays – for (u, v) in [l, r] × [b, t]– ray.origin = e + u u + v v – ray.direction = –w

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Generating eye rays—orthographic

10

uew

v

Page 11: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• View rectangle is the same – ray origins identical to orthographic– view direction d differs from –w

• Generating rays – for (u, v) in [l, r] × [b, t]– ray.origin = e + u u + v v – ray.direction = d

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Oblique parallel views

11

d

uew

v

Page 12: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Could require user to provide e, u, v, and w – but this is error prone and unintuitive

• Instead, calculate basis from things the user cares about – viewpoint: where the camera is → e– view direction: which way the camera is looking → d– view plane normal (by default, same as view direction)– up vector: how the camera is oriented

• This is enough to calculate u, v, and w – set w parallel to v.p. normal, facing away from d– set u perpendicular to w and perpendicular to up-vector– set v perpendicular to w and u to form a right-handed ONB

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Establishing the camera basis

12

Page 13: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Orthographic views in Ray 1

13

<camera type="OrthographicCamera"> <viewPoint>10 4.2 6</viewPoint> <viewDir>-5 -2.1 -3</viewDir> <viewUp>0 1 0</viewUp> <viewWidth>8</viewWidth> <viewHeight>5</viewHeight> </camera>

<camera type="OrthographicCamera"> <viewPoint>10 0 0</viewPoint> <viewDir>-1 0 0</viewDir> <viewUp>0 1 0</viewUp> <viewWidth>8</viewWidth> <viewHeight>5</viewHeight> </camera>

Page 14: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Ancient times: Greeks wrote about laws of perspective • Renaissance: perspective is adopted by artists

Duccio c. 1308

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

History of projection

14

Page 15: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Later Renaissance: perspective formalized precisely

da Vinci c. 1498© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

History of projection

15

Page 16: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Plane projection in drawingA

lbre

cht

Dür

er

16

Page 17: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Plane projection in drawingso

urce

unk

now

n

17

Page 18: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• This is another model for what we are doing – applies more directly in realistic rendering

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Plane projection in photography

18

[Sou

rce

unkn

own]

Page 19: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Plane projection in photography

[Richard Z

akia]

19

Page 20: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Emphasis on cube-like objects – traditional in mechanical and architectural drawing

Planar Geometric Projections

Parallel

Oblique

MultiviewOrthographic

Perspective

One-point Two-point Three-pointOrthographic

Axonometric

[aft

er C

arlb

om &

Pac

iore

k 78

]

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Classical projections—perspective

20

Page 21: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Perspectiveone-point: projection plane parallel to a coordinate plane (to two coordinate axes)

two-point: projection plane parallel to one coordinate axis

three-point: projection plane not parallel to a coordinate axis [C

arlb

om &

Pac

iore

k 78

]

21

Page 22: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Perspective is projection by lines through a point; “normal” = plane perpendicular to view direction – magnification determined by:

– image height– object depth– image plane distance

– f.o.v. α = 2 atan(h/(2d))– y’ = d y / z– “normal” case corresponds

to common types of cameras

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Perspective projection (normal)

22

Page 23: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Perspective but with projection plane not perpendicular to view direction – additional parameter:

projection plane normal– exactly equivalent to

cropping out an off-center rectangle from a larger“normal” perspective

– corresponds to view camera in photography

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Shifted perspective projection

23

Page 24: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Use window analogy directly • Ray origin (constant): viewpoint • Ray direction (varying): toward pixel position on viewing

window

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Generating eye rays—perspective

24

viewing ray

pixelposition

viewingwindow

viewpoint

Page 25: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Positioning the view rectangle – establish three vectors to be

camera basis: u, v, w– view rectangle is parallel

to u–v plane, at w = –d, specified by l, r, t, b

• Generating rays – for (u, v) in [l, r] × [b, t]– ray.origin = e – ray.direction = –d w + u u + v v

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Generating eye rays—perspective

25

ue

v

w

Page 26: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Positioning the view rectangle – establish three vectors to be

camera basis: u, v, w– view rectangle is the same,

but shifted so that the center is in the direction d from e

• Generating rays – for (u, v) in [l, r] × [b, t]– ray.origin = e – ray.direction = d d + u u + v v

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Oblique perspective views

26

u

e d

v

w d

Page 27: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Perspective views in Ray 1

27

<camera type="PerspectiveCamera"> <viewPoint>10 4.2 6</viewPoint> <viewDir>-5 -2.1 -3</viewDir> <viewUp>0 1 0</viewUp> <projDistance>12</projDistance> <viewWidth>8</viewWidth> <viewHeight>5</viewHeight> </camera>

<camera type="PerspectiveCamera"> <viewPoint>2.5 1.05 1.5</viewPoint> <viewDir>-5 -2.1 -3</viewDir> <viewUp>0 1 0</viewUp> <projDistance>3</projDistance> <viewWidth>8</viewWidth> <viewHeight>5</viewHeight> </camera>

Page 28: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• The angle between the rays corresponding to opposite edges of a perspective image – simpler to compute for “normal” perspective– have to decide to measure vert., horiz., or diag.

• In cameras, determined by focal length – confusing because of many image sizes– for 35mm format (36mm by 24mm image)

– 18mm = 67° v.f.o.v. — super-wide angle– 28mm = 46° v.f.o.v. — wide angle– 50mm = 27° v.f.o.v. — “normal”– 100mm = 14° v.f.o.v. — narrow angle (“telephoto”)

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Field of view (or f.o.v.)

28

Page 29: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Determines “strength” of perspective effects

close viewpoint wide angle

prominent foreshortening

far viewpoint narrow angle

little foreshortening

[Ans

el A

dam

s]

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Field of view

29

Page 30: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• In photography, wide angle lenses are specialty tools – “hard to work with” – easy to create weird-looking

perspective effects• In graphics, you can type in

whatever f.o.v. you want – and people often type in

big numbers!

[Ken

Per

lin]

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Choice of field of view

30

Page 31: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Lengths, length ratios

[Car

lbom

& P

acio

rek

78]

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Perspective distortions

31

Page 32: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

• Control convergence of parallel lines • Standard example: architecture

– buildings are taller than you, so you look up– top of building is farther away, so it looks smaller

• Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane

• Same perspective effects can be achieved using post-processing – (though not the focus effects)– choice of which rays vs. arrangement of rays in image

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

Why shifted perspective?

32

Page 33: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

[Phi

lip G

reen

spun

]

camera tilted up: converging vertical lines33

Page 34: Perspective - Cornell University · • Solution: make projection plane parallel to facade – top of building is the same distance from the projection plane • Same perspective

© 2017 Steve Marschner • Cornell CS4620 Spring 2017 • Lecture 8

[Phi

lip G

reen

spun

]

lens shifted up: parallel vertical lines34