drawing perspective images brunelleschi’s experiment · 2019. 9. 2. · drawing perspective...

40
Introduction to Perspective Geometry Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg September 8, 2020 Lecture #2

Upload: others

Post on 08-Sep-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Introduction to Perspective Geometry

Brunelleschi’s Experiment

Visual Imaging in the Electronic AgeDonald P. Greenberg

September 8, 2020

Lecture #2

Page 2: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

• Required Reading:

Art Perspective Handout: PDF

• References:

– Martin Kemp. "The Science of Art: Optical Themes in Western Art from

Brunelleschi to Seurat" Yale University Press

– Ingrid Carlbom , Joseph Paciorek. "Planar Geometric Projections and Viewing

Transformation," Computing Surveys, vol. 10, no. 4, December 1978

Page 3: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

The Flagellation of Christ, c. 1458-60. Piero della Francesca. Tempera. 59 x 81.5 cm. Urbino, Galleria

Nazionale delle Marche.

1458

Page 4: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Gustave Caillebotte, Paris Street; Rainy Day From Charles H. and Mary F. S. Worcester Collection,

Oil on canvas

1877

Page 5: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Light as Rays

Page 6: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Albrecht Durer. Untitled (Artist using a glass to take a portrait). From Underweysung der

Messung mit dem Zirkel und Riichtscheyt, 1st Ed, 1525. Woodcut print.

Page 7: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Reference

• Ingrid Carlbom , Joseph Paciorek. "Planar Geometric Projections and

Viewing Transformation," Computing Surveys, vol. 10, no. 4, December

1978.

(This reference contains a matrix method for combining all of the above types

of projections)

Page 8: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Diagram from Axonometric and Oblique Drawing: A 3-D Construction, Rendering, and Design

Guide by M. Saleh Uddin. New York: McGraw-Hill. © 1997. P. 9.

Projectors are

perpendicular to the

image plane

Object faces are

parallel to the image

plane

Orthographic Projections

Page 9: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Planar Geometric Projections

Parallel

Oblique

Multiview

Orthographic

Isometric

Perspective

One-point Two-point Three-pointOrthographic

Axonometric Cavalier Cabinet

Dimetric Trimetric

Planar Geometric Projections

Page 10: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Diagram from Axonometric and Oblique Drawing: A 3-D Construction, Rendering, and Design Guide by

M. Saleh Uddin. New York: McGraw-Hill. © 1997. P. 9.

Projectors are not

parallel but converge

on a single focal point

(eye, camera)

Perspective Projection

Page 11: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Picture Plana Looking Through a Window

Note: all rays converge on our one cyclopean eye

Page 12: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

One Point Perspective

Page 13: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

David Macauley,

Locating the Vanishing Point

Locating the Vanishing Point

Page 14: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

What is a one-point perspective?

What is a two-point perspective?

Page 15: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Perspective Projection (2-point)

Rays of light travel from the object,

through the picture plane, and to the

viewer's eye. This is the basis for

graphical perspective.

Page 16: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

What is a one-point perspective?

What is a two-point perspective?

What is a three-point perspective?

Page 17: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Computer Graphics Perspective Image Generation

Page 18: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Camera

PerspectiveTransform

RasterOperations

ImageStorage

Display

Model

Standard Computer Graphics Pipeline

Page 19: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Camera

PerspectiveTransform

RasterOperations

ImageStorage

Display

RasterOperations

VisibilityShading

Model

Standard Computer Graphics Pipeline

Page 20: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Model

The camera location, view direction, and frustum must be defined relative to

the object.

View

direction

Camera

Camera Definition

Page 21: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Y

Z

X

The model is described in a

right handed coordinate system.

Model Coordinate System

Page 22: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Y

Z

X

Ze

Xe

Ye

The model is described in a

right handed coordinate system.The eye coordinate system

is a left handed coordinate

system.

Eye Coordinate System

Page 23: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Note the eye coordinate system is a left-handed coordinate system

Picture Plane

Ye

Eye Coordinate System

Page 24: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Left Handed Right Handed

x

y

z

x

y

z

z

yx

z

yx

Left Handed and Right Handed Coordinate Systems

Page 25: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Picture Plane

Point On Object

Ze = D

ZeXe

Ye

Ze = 0

P(xe, ye, ze)

P(xs, ys)

S

S

Simple Perspective Transformation

Page 26: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

S

display

screenze = 0

P(xe, ye, ze)

P(xs, ys)

D

O

QQ

Elevation drawn in the Ye, Ze plane.

Ye

Ze

Simple Perspective Transformation

Page 27: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

e

e

e

e

e

es

e

es

z

Dy,

z

Dxx

z

y

D

y,

z

x

D

x

==

==

ss y

e

es

e

es

Sz

Dyy

Sz

Dxx == ,

To convert to a dimensionless fraction,

can divide by the window size S.

Simple Perspective Transformation

Page 28: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Transformations - video

Page 29: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Note that the entire image through

the pinhole is totally in focus on a

single image plane.

Pinhole Camera

Page 30: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Ibn al-Haitham (Al-Hazen)

Credited with the having built the

first camera obscura in the 10th

Century.

Page 31: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Camera Obscura

http://en.wikipedia.org/wiki/Camera_obscura

Page 32: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Brunelleschi’s Perspective Experiment

• How do you draw a perspective image?

• How do you know it is correct?

Martin Kemp. THE SCIENCE OF ART, Chapter 1 (Linear perspective from Brunelleschi to Leonardo),

pp. 9-15. AVAILABLE ON COURSE WEBSITE

Page 33: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Brunelleschi’s Perspective Experiment

Page 34: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Ghiberti’s Baptistry

Page 35: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg
Page 36: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Brunelleschi’s Experiment

Page 37: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Brunelleschi Video (render01_wmv)

Page 38: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Brunelleschi’s Experiment

Page 39: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

Brunelleschi’s Experiment

Page 40: Drawing Perspective Images Brunelleschi’s Experiment · 2019. 9. 2. · Drawing Perspective Images Brunelleschi’s Experiment Visual Imaging in the Electronic Age Donald P. Greenberg

End. . .