![Page 1: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/1.jpg)
The Mathematics of Perspective Drawing: From Vanishing Points to Projective Geometry
Randall Pyke March 2019
This presentation: www.sfu.ca/~rpyke presentations perspective (www.sfu.ca/~rpyke/perspective.pdf)
![Page 2: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/2.jpg)
Perspective, from the Latin perspecta, which means ‘to look through’
The Mathematics of Perspective Drawing: From Vanishing Points to Projective Geometry
![Page 3: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/3.jpg)
Perspective, from the Latin perspecta, which means ‘to look through’ Look through a pane of glass at an object on the other side,
The Mathematics of Perspective Drawing: From Vanishing Points to Projective Geometry
The image we see traces out a shape on the glass
![Page 4: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/4.jpg)
From: D’Amelio
We would like to ‘trace’ this image onto the window; this creates a 2 dimensional representation (‘rendering’) of the 3 dimensional scene – a painting!
![Page 5: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/5.jpg)
Different plane, different perspective…
![Page 6: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/6.jpg)
Humans have been making paintings since the beginning of time. Conceptual, metaphorical, but not realistic. Cave painting. Libyan desert, 7000 BC
![Page 7: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/7.jpg)
It took them a long time to figure out how to realistically create a 2 dimensional image of the 3 dimensional world (‘realism’). Even in the 14th Century paintings were not too realistic (however, they were very conceptual) Ambrogio Lorenzetti (Italian) 1290 - 1348
![Page 8: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/8.jpg)
Giotto di Bondone (Italian) 1267 - 1337
![Page 9: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/9.jpg)
12th Century, Song Dynasty
![Page 10: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/10.jpg)
In the 15th Century (Renaissance) painters began to understand how to make realistic paintings by introducing the third dimension into their renderings (‘realism’). Raffaello (Raphael) Sanzio da Urbino (Italian) 1483 – 1520
![Page 11: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/11.jpg)
Raphael
![Page 12: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/12.jpg)
Pietro Perugino (Italian) 1452 - 1523
![Page 13: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/13.jpg)
Georges Seurat
![Page 14: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/14.jpg)
One technique; trace the scene onto a translucent paper while maintaining a fixed point of view.
![Page 15: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/15.jpg)
But how to do this when you don’t have a scene to copy from? What are the rules?
Tracing a scene on a window makes a realistic painting…
![Page 16: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/16.jpg)
observer
Furthermore, objects may appear ‘distorted’ when traced out on the window. How to create the right distortion?
Square object
Trapezoidal image From: Kline
![Page 17: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/17.jpg)
Two Principles of Perspective Drawing: 1. Parallel lines meet at infinity: Vanishing points 2. Objects farther way appear smaller: Diminution of size
But how to do this when you don’t have a scene to copy from?
Tracing a scene on a window makes a realistic painting…
![Page 18: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/18.jpg)
Filippo Brunelleschi (1377 – 1446) was one of the first to discover the rules of perspective. He used a mirror to demonstrate the accuracy of his paintings.
![Page 19: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/19.jpg)
Using vanishing points and the diminution (shrinking) of sizes of distant objects create a sense of depth.
From: D’Amelio
![Page 20: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/20.jpg)
Vanishing points; one technique for creating perspective.
From: D’Amelio
![Page 21: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/21.jpg)
Photographs, of course, capture perspective accurately.
![Page 22: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/22.jpg)
Are there vanishing points here?
![Page 23: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/23.jpg)
Yes, one in the centre
![Page 24: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/24.jpg)
![Page 25: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/25.jpg)
Several vanishing points.
![Page 26: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/26.jpg)
The horizon: Where the observer’s eye level is
From: D’Amelio
![Page 27: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/27.jpg)
horizon
Vanishing points: Parallel lines appear to converge (because the distance between them is diminishing with distance)
These two lines are horizontal - parallel to the observer’s eye level - and so appear to converge on the observer’s horizon.
![Page 28: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/28.jpg)
horizon
Vanishing points
All lines in a given direction appear to converge to the same point
![Page 29: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/29.jpg)
horizon
Vanishing points
All lines in a given direction appear to converge to the same point
![Page 30: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/30.jpg)
Vanishing points
horizon
All parallel lines appear to converge
![Page 31: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/31.jpg)
Vanishing points
horizon
All parallel lines appear to converge
![Page 32: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/32.jpg)
horizon vanishing point vanishing point vanishing point
There are vanishing points for every direction; These lines are horizontal
![Page 33: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/33.jpg)
horizon
vanishing point
vanishing point
vanishing point There are vanishing points for every direction; These lines are not horizontal
![Page 34: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/34.jpg)
Vanishing points
Use of vanishing points gives the impression of depth in an image
Notice; the top and bottom surfaces are parallel to the observers line of sight
![Page 35: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/35.jpg)
Realistic 3D sketches adhere to the principles of perspective
But need enough vanishing points….
![Page 36: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/36.jpg)
Vanishing points here?
Vanishing point Vanishing point
![Page 37: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/37.jpg)
No vanishing point in this direction
2 vanishing points: 2 point perspective
![Page 38: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/38.jpg)
![Page 39: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/39.jpg)
![Page 40: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/40.jpg)
Vanishing point
Vanishing point
Vanishing point
3 vanishing points: 3 point perspective
![Page 41: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/41.jpg)
Two Principles of Perspective Drawing: 1. Parallel lines meet at infinity: Vanishing points 2. Objects farther way appear smaller: Diminution of size
How to code this mathematically so that we can program a computer to create realistic 2 dimensional images?
A person making a sketch by hand follows these steps: 1. Draw the horizon (Where is the observer looking?) 2. Determine vanishing points of any straight lines appearing in the scene 3. More distant objects appear smaller than closer ones
From: D’Amelio
![Page 42: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/42.jpg)
First: Where are the vanishing points?
From: D’Amelio
![Page 43: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/43.jpg)
x
z
Observer
VP
Determining the vanishing points mathematically
Here, we are looking down on the observer who sees horizontal parallel lines in front of him. Where does he see their vanishing point?
![Page 44: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/44.jpg)
x
z
Observer
VP
V
a
θ
θ
Lines in direction V
V=(k,m)
We calculate the coordinate of the vanishing point;
d
![Page 45: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/45.jpg)
O
Image plane
Next: Calculate diminution of size
![Page 46: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/46.jpg)
a d
O L h
y
z
Image plane
Diminution of size h is the apparent size of the object on the image plane, L is its actual size
Similar triangles;
observer
![Page 47: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/47.jpg)
O
h
L
d a
z
y
x
Dimunition of size: what we calculate
![Page 48: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/48.jpg)
y
x
Dimunition of size: what we draw
1 point perspective
L h
![Page 49: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/49.jpg)
y
x
Dimunition of size: what we draw
1 point perspective; notice that lines parallel to the observer’s line of sight appear to converge at the origin
L h
![Page 50: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/50.jpg)
Perspective rendering is accomplished in computer graphics using linear algebra. Homogeneous coordinates and homogeneous transformations
![Page 51: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/51.jpg)
Homogeneous coordinates and homogeneous transformations.
Homogeneous coordinates in 2 dimensions; (x,y) (x,y,z); Points along a line are equivalent. ‘Physical’ points are those with z=1. After transforming a point (x,y,1) (x’,y’,r’), ‘ray trace’ back to physical space; (x’,y’,r’) (x’/r’, y’/r’, 1)
Homogeneous transformations via 3X3 matrices;
![Page 52: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/52.jpg)
A general 2D homogeneous matrix is a 3� 3 matrix with entries2666664a b mc d np q r
3777775
We have discussed the roles the entries a; b; c; d and m;n; r play interms of the transformations they produce, now we discuss the rolesof p and q.Consider the 2D homogeneous matrix
M =26666641 0 00 1 0p q 1
3777775
Let's multiply it against a 'physical' point v = (x; y; 1);
Mv =26666641 0 00 1 0p q 1
3777775
2666664xy1
3777775 =
2666664
xy
px + qy + 1
3777775
Now we bring this back into physical space by making the last entry1 (divide by px + qy + 1);2
666664xy
px + qy + 1
3777775 =
2666664
xpx+qy+1
ypx+qy+1
1
3777775 =
2666664x 0y 01
3777775
This is a perspective transformation; we are looking at the resultingimage as it is projected onto the slanted screen z = px + qy + 1(instead of the vertical screen z = 1);
7
![Page 53: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/53.jpg)
Homogeneous coordinates in 3 dimensions; (x,y,z) (x,y,z,t). ‘Physical ‘ space; t=1
General 4X4 projective matrix;
Example: Rotation about y-axis;
Translation:
Scaling (dilation):
![Page 54: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/54.jpg)
Implementing perspective rendering on a computer:
Create the 3D image by specifying the 3D coordinates (x,y,z) of all the objects. Homogenize the coordinates: (x,y,z) (x,y,z,1) Apply a perspective 4X4 homogeneous linear transformation T to all the points in the image: T: (x, y, z, 1) (x , y , z , w) ‘Ray trace’ back the resulting homogeneous points to ‘physical space’; (x , y , z , w) (x’, y’, z’, 1), where x’=x /w, y’=y /w, z’=z /w Orthographically (orthogonally) project onto the xy-plane: (x’,y’,z’,1) (x’,y’) The collection of points (x’,y’) is the perspective 2D rendering of the 3D scene
1 1 1
1 1 1 1 1 1
![Page 55: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/55.jpg)
Example.
![Page 56: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/56.jpg)
![Page 57: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/57.jpg)
![Page 58: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/58.jpg)
![Page 59: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/59.jpg)
![Page 60: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/60.jpg)
![Page 61: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/61.jpg)
![Page 62: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/62.jpg)
![Page 63: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/63.jpg)
Sources for the development of (new) mathematics in the 17th Century; Science and Painting Physics Calculus Painting Projective geometry
![Page 64: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/64.jpg)
Calculus: Newton, Leibniz, Maclaurin,…:
Orbits of planets, mechanics, geometry of curves, … (see www.sfu.ca/~rpyke/fluxions.pdf)
![Page 65: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/65.jpg)
Perspective drawing: The beginning of projective geometry A mathematical question: Two observers, O and O’ create projections S and S’ of an object onto planes P and P’. What is the relation between S and S’?
O O’
P P’
S S’
![Page 66: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/66.jpg)
Projective geometry; 16th – 19th Centuries
From Klein From: Kline
![Page 67: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/67.jpg)
Projective geometry
Desargue’s Theorem (~1650)
From: Kline
![Page 68: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/68.jpg)
Some applications of projective geometry; - Aerial photography
- Cartography/ Mapping
![Page 69: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/69.jpg)
Aerial photography
Image from: Berger
Some applications of projective geometry
![Page 70: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/70.jpg)
Cartography
Image from: Kline
Some applications of projective geometry
![Page 71: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/71.jpg)
Playing with perspective……
William Hogarth, 1753 M.C. Escher, 1953
![Page 72: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/72.jpg)
A nonlinear perspective; Anamorphosis
![Page 73: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/73.jpg)
![Page 74: The Mathematics of Perspective Drawing: From Vanishing](https://reader030.vdocument.in/reader030/viewer/2022012518/619267e863a8ce66554ce1d2/html5/thumbnails/74.jpg)
References:
Morris Kline, Mathematics in Western Culture (Chapters 10, 11). Available online through the SFU library. Marcel Berger, Geometry I (Chapter 4). Joseph D’Amelio, Perspective Drawing Handbook. Dover publications. Ernest R. Norling, Perspective Made Easy. David F. Rogers, J. Alan Adams, Mathematical Elements for Computer Graphics (Chapters 2,3).