Morphing A Guide To Mathematical Transformations For Architects and Designers - Compress
Morphing A Guide To Mathematical Transformations For Architects and Designers - Compress
A Guide to Mathematical
Transformations for
Architects and Designers
Joseph Choma
To Ting-Ting
Morphing
A Guide to Mathematical
Transformations for
Architects and Designers
Joseph Choma
Contents
006 Introduction
070 Thickening
004
150 Analyzing 196 Developable 220 Assumptions
Surfaces
005
Introduction
006
A shape can be defined as anything with If a shape maintains its topological
a geometric boundary. Yet, when continuity, it can be defined by a single
describing a shape with mathematics, equation. A break in continuity, such as
precision is crucial. a sharp edge, requires another equation
to define the other ‘part’.
Dictionaries define words, but these
words do not necessarily define our Breaking continuity and having sharp
understanding of the world in which we edges can create aesthetic effects
perceive and create. The word ‘cube’ is that allow curves to be expressed in
defined as a shape whose boundary is a more objectified manner. Breaking
composed of six congruent square faces. the continuity of a shape can also
Imagine cutting six square pieces of sometimes facilitate the fabrication
paper and gluing the edges together. of particular geometries out of flat
The cube, in this case, is created by six sheet material. However, the scope
square planes. In mathematics, these of this guide has been constrained to
planes are considered discrete elements. the definition of shapes with a single
Because each plane in the paper cube parametric equation.
meets the others at a sharp edge,
technically they are not connected, but A parametric equation is one way of
are separate parts, each defined by a defining values of coordinates (x, y, z)
unique parametric equation. for shapes with parameters (u, v, w).
All of the mathematical equations in
Now, imagine a ball of clay. Roll it this guide are presented as parametric
around on the tabletop to make it into equations. Think of x, y and z as
a sphere. To flatten it into a cube, the dimensions in the Cartesian coordinate
ball can be simply compressed in system – like a three-dimensional grid.
multiple directions (rather than forming Think of u, v and w as a range of values
six planar sides that are joined together, or parameters rather than a single
as above). Gradually, the sphere could integer. A single integer would be like a
transform into a six-sided shape. single point along a line, while the range
Most physical cubes in the world have (u, v or w) would define the end points
a certain degree of rounded corners. of that line and then draw all the points
If we accept this definition for a cube, between them.
then a cube could be defined with one
parametric equation. The framework
that is used becomes critical to
deciding how to go about defining
a shape mathematically.
007
Introduction
Why trigonometry?
008
A word of warning: trigonometry may Functions (in mathematics) associate an
seem like the tool of a designer’s input (independent variable) with an
dreams, but just because every shape output (dependent variable). For
could be potentially described by example if x→y, x would be considered
trigonometric functions does not mean the independent variable while y would
that it is necessarily easy to make every be considered the dependent variable.
shape. It is important to remember that The function would be what makes x
all tools have biases, even mathematics. map to y. In trigonometry, sine and
For instance, in order to make a cube cosine are functions. Note that
with a single parametric equation one trigonometric functions are a type of
must first make a sphere; therefore, periodic functions, whose values repeat
shapes that are initially round become in regular periods or intervals.
easier to produce.
A pedagogical guide is neither purely a
A tool is a device that augments an technical reference nor a theoretical text,
individual’s ability to perform a but rather the teaching of an inquiry
particular task. through a series of instructional
frameworks.
In this context, heuristics refers to the
strategies used to solve problems within
software. Think of heuristics as the rules
that govern how a machine ‘thinks’ and
calculates solutions.
009
Introduction
A point of view
010
one another. Then, diamond-like shapes this guide, points of view remain
appear. Eventually, the diamond-like constant within each morphing
shapes shrink and disappear, as the series. However, the selected views
perimeter of the shape transforms into influence the visual documentation of
a circle. each mathematical description.
011
Introduction
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = cos(v)
y = u+u(sin(v)sin(u))
z = sin(v)cos(u)
012
Boundaries
013
Transformations
Transformations
016
We all know what a ball is. A ball is a Although this guide challenges words
sphere. But when a ball is compressed, and definitions, each mathematical
it is no longer a sphere, but a squished transformation is labelled with a verb.
sphere. The known shape has The words are not always perfect, but
transformed into an undefined shape. they are used as placeholders. These
Rather than describing arbitrary shapes placeholders allow me to reference and
with mathematics, known shapes are write about different transformations
utilized as consistent starting-points throughout this guide without explicitly
within this chapter. Think of this restating the mathematics. The words
chapter and the others that follow as a labelling each transformation are more
collection of design experiments. Within like nicknames for the mathematics,
this framework, the sine curve, circle, rather than the mathematics defining
cylinder or sphere is the initial starting the word.
shape for each morphing series.
They are the constants, while the Each of these transformations is
mathematical transformations are revealed through a morphing series; like
the variables. motion-capture photography, each
shape is recorded as it is transformed
Thirteen mathematical transformations iteratively by the same operation. Under
are introduced: translating, cutting, each shape in the series is a parametric
rotating, reflecting, scaling, modulating, equation that defines a particular
ascending, spiralling, texturing, bending, instance. As the shape transforms, look
pinching, flattening and thickening. at the equation below it. In the rule or
logic behind the change in the equation,
you can find the transformation.
017
Transformations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = sin(v)cos(u)
y = sin(v)sin(u)
z = cos(v)
018
Shaping
019
Transformations Shaping
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
020
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
021
Transformations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = 1+sin(v)cos(u)
y = 1+sin(v)sin(u)
z = cos(v)
022
Translating
023
Transformations Translating
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
024
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
025
Transformations
{ (u,v) | 0 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = sin(v)cos(u)
y = sin(v)sin(u)
z = cos(v)
026
Cutting
027
Transformations Cutting
028
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 3π/2, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ π/2, 0 ≤ v ≥ π }
029
Transformations
{ (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ π }
x = sin(v)cos(u)
y = cos(π/2)sin(v)sin(u)-sin(π/2)cos(v)
z = sin(π/2)sin(v)sin(u)+cos(π/2)cos(v)
030
Rotating
x = xa x = cos(π/2)xa+sin(π/2)za x = cos(π/2)xa-sin(π/2)ya
y = cos(π/2)ya-sin(π/2)za y = ya y = sin(π/2)xa+cos(π/2)ya
z = sin(π/2)ya+cos(π/2)za z = -sin(π/2)xa+cos(π/2)za z = za
031
Transformations Rotating
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
032
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
033
Transformations
{ (u,v) | 0 ≤ u ≥ π, π/2 ≤ v ≥ π }
x = sin(v)cos(u)
y = cos(π/2)sin(v)sin(u)+sin(π/2)cos(v)
z = sin(π/2)sin(v)sin(u)-cos(π/2)cos(v)
034
Reflecting
Reflecting about a plane (x-axis) Reflecting about a plane (y-axis) Reflecting about a plane (z-axis)
x = xa x = -cos(π/2)xa+sin(π/2)za x = cos(π/2)xa+sin(π/2)ya
y = cos(π/2)ya+sin(π/2)za y = ya y = sin(π/2)xa-cos(π/2)ya
z = sin(π/2)ya-cos(π/2)za z = sin(π/2)xa+cos(π/2)za z = za
035
Transformations Reflecting
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
036
{ (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ π }
037
Transformations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = (sin(v)cos(u))/2
y = (sin(v)sin(u))/2
z = cos(v)/2
038
Scaling
039
Transformations Scaling
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
040
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
041
Transformations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = sin(v)cos(u)
y = sin(v)sin(4u)
z = cos(v)
042
Modulating
043
Transformations Modulating
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
044
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
045
Transformations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u+sin(v)cos(u)
y = u+sin(v)sin(u)
z = cos(v)
046
Ascending
047
Transformations Ascending
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
048
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
049
Transformations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(v)cos(u))
y = u(sin(v)sin(u))
z = cos(v)
050
Spiralling
051
Transformations Spiralling
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
052
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
053
Transformations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = cos(4u)/4+sin(v)cos(u)
y = sin(4u)/4+sin(v)sin(u)
z = cos(v)
054
Texturing
055
Transformations Texturing
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
056
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
057
Transformations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = sin(v)cos(u)
y = sin(v)sin(u)
z = cos(v)
058
Bending
059
Transformations Bending
060
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
061
Transformations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = sin(v)cos(u)7
y = sin(v)sin(u)7
z = cos(v)
062
Pinching
063
Transformations Pinching
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
064
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
065
Transformations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = sin(sin(sin(sin(v)cos(u))))
y = sin(sin(sin(sin(v)sin(u))))
z = sin(sin(sin(cos(v))))
066
Flattening
067
Transformations Flattening
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
068
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
069
Transformations
{ (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π,
0≤w≥π}
xo = 0 xw = xo +sin(v)cos(u)
yo = 0 yw = yo +sin(v)sin(u)
zo = 0 zw = zo +cos(v)
070
Thickening
071
Transformations Thickening
x=u xo = 0 xw = xo +u xo = 0 xw = xo +u xo = 0 xw = xo +u
y = sin(u) yo = 0 yw = yo +sin(u) yo = 0 yw = yo +sin(u) yo = 0 yw = yo +sin(u)
072
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π, { (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π, { (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π,
0 ≤ w ≥ π/3 } 0 ≤ w ≥ 2π/3 } 0≤w≥π}
073
Combining
Transformations
Combining
Transformations
076
Red, yellow and blue are considered As in the previous chapter – or, indeed,
primary colours. If the colour desired is any experiment – there must be both
a shade or tint of those primary colours, constants and variables. The starting
black or white can be added. But, if shapes throughout this chapter will be
green was a desired output, yellow and a spiral and spiralled sphere. In addition
blue would have to combine. The to morphing series, which show a linear
mathematical transformations in the progression, this chapter also introduces
previous chapter establish a palette of taxonomies. Taxonomies are like tables
tools to manipulate shapes. When or graphs of transformations, where the
shapes are transformed with only one left-most column uses only one type of
rule, they can only transform iteratively. transformation and the bottom-most
After a single transformation, it becomes row uses another, while the shapes
quite predictable how a shape will along the table’s diagonal transform
continue to change with repetitions of under both.
the same transformation. Mathematical
transformations may seem trivial or In order to combine transformations
limited in possibilities, but when they with control, it is imperative to
combine, shapes can morph in much remember that the order of operations
less predictable and more complex in an equation will have a determining
manners. It seems possible to generate effect on the shape created. For
almost any shape imaginable. example, a sphere could be spiralled and
then flattened or could be flattened and
then spiralled; the change in order will
produce a change in the resulting shape.
077
Combining
Transformations Cutting and spiralling
{ (u,v) | 0 ≤ u ≥ 3π/2, 0 ≤ v ≥ π }
x = u(sin(v)cos(u))
y = u(sin(v)sin(u))
z = cos(v)
078
{ (u,v) | 0 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = u(sin(v)cos(u))
y = u(sin(v)sin(u))
z = cos(v)
079
Combining Cutting and spiralling
Transformations
080
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 3π/2, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ π/2, 0 ≤ v ≥ π }
081
Combining
Transformations Scaling and spiralling
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(v)cos(u))
y = (u(sin(v)sin(u)))/2
z = cos(v)
082
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = (u(sin(v)cos(u)))/2
y = (u(sin(v)sin(u)))/2
z = cos(v)/2
083
Combining Scaling and spiralling
Transformations
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
084
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
085
Combining
Transformations Modulating and spiralling
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(v)cos(u))
y = u(sin(v)sin(2u))
z = cos(v)
086
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(v)cos(u))
y = u(sin(v)sin(4u))
z = cos(v)
087
Combining Modulating and spiralling
Transformations
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
088
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
089
Combining
Transformations Spiralling and ascending
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(v)cos(u))
y = u+(u(sin(v)sin(u)))
z = cos(v)
090
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u+(u(sin(v)cos(u)))
y = u+(u(sin(v)sin(u)))
z = cos(v)
091
Combining Spiralling and ascending
Transformations
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
092
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
093
Combining
Transformations Texturing and spiralling
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(cos(2u)/2+sin(v)cos(u))
y = u(sin(2u)/2+sin(v)sin(u))
z = cos(v)
094
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(cos(4u)/4+sin(v)cos(u))
y = u(sin(4u)/4+sin(v)sin(u))
z = cos(v)
095
Combining Texturing and spiralling
Transformations
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
096
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
097
Combining
Transformations Bending and spiralling
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(v)cos(u))
y = u(sin(v)+sin(v)sin(u))
z = cos(v)
098
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(cos(v)+sin(v)cos(u))
y = u(sin(v)+sin(v)sin(u))
z = cos(v)
099
Combining Bending and spiralling
Transformations
100
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
101
Combining
Transformations Spiralling and bending
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(v)cos(u))
y = sin(v)+(u(sin(v)sin(u)))
z = cos(v)
102
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = cos(v)+(u(sin(v)cos(u)))
y = sin(v)+(u(sin(v)sin(u)))
z = cos(v)
103
Combining Spiralling and bending
Transformations
104
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
105
Combining
Transformations Pinching and spiralling
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(v)cos(u)3)
y = u(sin(v)sin(u)3)
z = cos(v)
106
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(v)cos(u)7)
y = u(sin(v)sin(u)7)
z = cos(v)
107
Combining Pinching and spiralling
Transformations
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
108
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
109
Combining
Transformations Flattening and spiralling
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(sin(v)cos(u)))
y = u(sin(sin(v)sin(u)))
z = sin(cos(v))
110
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = u(sin(sin(sin(sin(v)cos(u)))))
y = u(sin(sin(sin(sin(v)sin(u)))))
z = sin(sin(sin(cos(v))))
111
Combining Flattening and spiralling
Transformations
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
112
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
113
Combining
Transformations Spiralling and flattening
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = sin(u(sin(v)cos(u)))
y = sin(u(sin(v)sin(u)))
z = sin(cos(v))
114
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = sin(sin(sin(u(sin(v)cos(u)))))
y = sin(sin(sin(u(sin(v)sin(u)))))
z = sin(sin(sin(cos(v))))
115
Combining Spiralling and flattening
Transformations
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
116
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
117
Combining
Transformations Spiralling and thickening
{ (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π,
0 ≤ w ≥ π/3 }
xo = 0 xw = xo +u(sin(v)cos(u))
yo = 0 yw = yo +u(sin(v)sin(u))
zo = 0 zw = zo +cos(v)
118
{ (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π,
0≤w≥π}
xo = 0 xw = xo +u(sin(v)cos(u))
yo = 0 yw = yo +u(sin(v)sin(u))
zo = 0 zw = zo +cos(v)
119
Combining Spiralling and thickening
Transformations
120
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π, { (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π, { (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π,
0 ≤ w ≥ π/3 } 0 ≤ w ≥ 2π/3 } 0≤w≥π}
121
Combining
Shapes
Combining
Shapes
124
If you imagine a particular shape as a Within this chapter, a cylinder’s and a
species with a specific DNA, think of the sphere’s x-, y- and z-coordinates are
previous two chapters as manipulating defined as the parts to calculate with.
or mutating a shape’s DNA. This chapter Initially, the parts of the cylinder and
is akin to geometric breeding. Here, it is sphere are utilized to generate a barrel
the shapes that combine with one vault and a dome. Then elements
another. Instead of simply using sine defining these two shapes are used to
and cosine as inputs, the shapes that form a mound-like shape similar to a hill
are defined by sine and cosine become or a slope. This landscape-like mound
the inputs. Calculating with pieces becomes the constant starting shape
larger than sine and cosine gives a throughout the rest of the chapter. As
different type of geometric deformation the shape transforms, the resultants
to calculating with sine and cosine suggest other natural land formations.
themselves. The manner in which a
shape distorts is more like moulding Throughout this chapter, a cylinder’s
with a ball of clay. The periodic nature x, y and z are defined as cx, cy and cz
of trigonometry is slightly less obvious and a sphere’s x, y and z are defined
within these types of combinations. as sx, sy and sz.
125
Combining
Shapes A mound
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cy
z = sx
126
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cy y = cy y = 0 y = cy
z = sx z = 0 z = sx z = sx
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = sz x = sz x = cz
y = cy y = sy y = cy y = cy
z = cx z = sx z = sx z = sx
127
Combining
Shapes A meandering mound
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(v)cy
cz = v sz = cos(cz)
x = cz
y = cy+sz
z = sx
128
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cy+sz y = cy+sz y = 0 y = cy+sz
z = sx z = 0 z = sx z = sx
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cy+cz y = cy+sy y = cy+sz
z = sx z = sx z = sx z = sx
129
Combining
Shapes A leaning mound
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cy+sx+sx+sx
z = sx
130
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cy+sx+sx+sx y = cy+sx+sx+sx y = 0 y = cy+sx+sx+sx
z = sx z = 0 z = sx z = sx
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cy+sx y = cy+sx+sx y = cy+sx+sx+sx
z = sx z = sx z = sx z = sx
131
Combining
Shapes A steeper mound
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cy
z = sxsxsxsx
132
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cy y = cy y = 0 y = cy
z = sxsxsxsx z = 0 z = sxsxsxsx z = sxsxsxsx
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cy y = cy y = cy
z = sx z = sxsx z = sxsxsx z = sxsxsxsx
133
Combining
Shapes A creased mound
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cycycycycycycy
z = sx
134
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cycycycycycycy y = cycycycycycycy y = 0 y = cycycycycycycy
z = sx z = 0 z = sx z = sx
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cycycy y = cycycycycy y = cycycycycycycy
z = sx z = sx z = sx z = sx
135
Combining
Shapes A creased and pinched mound
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cysysysysysysy
z = sx
136
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cysysysysysysy y = cysysysysysysy y = 0 y = cysysysysysysy
z = sx z = 0 z = sx z = sx
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cysysy y = cysysysysy y = cysysysysysysy
z = sx z = sx z = sx z = sx
137
Combining
Shapes A wedge
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cysxsxsx
z = sx
138
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cysxsxsx y = cysxsxsx y = 0 y = cysxsxsx
z = sx z = 0 z = sx z = sx
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cysx y = cysxsx y = cysxsxsx
z = sx z = sx z = sx z = sx
139
Combining
Shapes A ridge and trench
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cy
z = sxsysysysysy
140
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cy y = cy y = 0 y = cy
z = sxsysysysysy z = 0 z = sxsysysysysy z = sxsysysysysy
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cy y = cy y = cy
z = sx z = sxsy z = sxsysysy z = sxsysysysysy
141
Combining
Shapes Two ridges
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cy
z = sxsysysysysysy
142
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cy y = cy y = 0 y = cy
z = sxsysysysysysy z = 0 z = sxsysysysysysy z = sxsysysysysysy
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cy y = cy y = cy
z = sx z = sxsysy z = sxsysysysy z = sxsysysysysysy
143
Combining
Shapes Another ridge and trench
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cy
z = sxszszszszsz
144
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cy y = cy y = 0 y = cy
z = sxszszszszsz z = 0 z = sxszszszszsz z = sxszszszszsz
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cy y = cy y = cy
z = sx z = sxsz z = sxszszsz z = sxszszszszsz
145
Combining
Shapes A valley
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cy
z = sxszszszszszsz
146
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cy y = cy y = 0 y = cy
z = sxszszszszszsz z = 0 z = sxszszszszszsz z = sxszszszszszsz
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cy y = cy y = cy
z = sx z = sxszsz z = sxszszszsz z = sxszszszszszsz
147
Combining
Shapes Moguls
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = cz
y = cy
z = sxsysz
148
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = 0 x = cz x = cz x = cz
y = cy y = cy y = 0 y = cy
z = sxsysz z = 0 z = sxsysz z = sxsysz
{ (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π } { (u,v) | -π/2 ≤ u ≥ π/2, 0 ≤ v ≥ π }
x = cz x = cz x = cz x = cz
y = cy y = cy y = cy y = cy
z = sx z = sxsy z = sxsz z = sxsysz
149
Analyzing
Analyzing
152
Precedent studies have become a Mathematics is a very specific analytical
tradition in architectural education; tool. Typically, buildings are categorized
however, these analytical studies rarely according to their type, such as a library
translate directly into useful design or a museum. When analyzing buildings
devices. This chapter is a unique through mathematics, they become
catalogue of architectural designs categorized according to their plastic
analyzed using mathematical equations. shape. As catalogued in this chapter,
The chapter not only presents the built buildings may relate to one another
shape and its equation, but transforms according to their mathematical DNA,
each building’s most basic topological but not necessarily according to their
ancestor (cylinder or sphere) into materiality or typology.
the building’s final shape. After the
final built shape is generated, the Each of the buildings within this chapter
morphing process projects a series of expresses a particular periodic function.
mathematical variations beyond the After each building was analyzed,
building’s form. This emphasizes that design variations were generated. The
the act of studying precedents can be consistent design objective was to break
a generative mechanism. the symmetrical relationships in the
transverse and longitudinal axis of each
Tools can constrain the way an project, without removing the elegant
individual designs. Similarly, the tool rhythmic nature. These design variations
that is used to analyze a precedent could not have been imagined without
study will influence how an individual trigonometric functions. The choice of
constructs an understanding of that tool or medium will always help
building. It may be possible to determine the set of possible design
understand the spatial hierarchies, solutions. This is not necessarily the best
symmetries, proportions or generative way to analyze precedents, but one
rules behind a plan or section. However, particular way – a method that should
a curved surface is significantly more perhaps be considered especially when
difficult to analyze with conventional there is an interest in the formal
architectural tools. qualities of a project.
153
Japan Pavilion in Hanover, Germany, 2000
Shigeru Ban Architects, Tokyo, Japan
Interior and exterior photographs by Hiroyuki Hirai. Courtesy of Shigeru Ban Architects.
155
Analyzing
Japan Pavilion a mathematical recipe
{ (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ 5π }
x=v
y = (2+sin(v)/4)cos(u)
z = (2+sin(v)/4)sin(u)
156
{ (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ 5π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ 5π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ 5π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ 5π }
157
Analyzing
Japan Pavilion design variations
{ (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ 5π }
x = u+v
y = (u+sin(u+v)/4)cos(u)
z = (u+sin(4v)/8)sin(u)
158
{ (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ 5π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ 5π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ 5π } { (u,v) | 0 ≤ u ≥ π, 0 ≤ v ≥ 5π }
159
UK Pavilion in Shanghai, China, 2010
Heatherwick Studio, London, UK
161
Analyzing
UK Pavilion a mathematical recipe
{ (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π,
0 ≤ w ≥ 2π }
xo = sin(v)cos(u) xw = sin(sin(xo))
yo = sin(v)sin(u) yw = sin(sin(yo))
zo = cos(v)/(13/10) zw = sin(sin(zo))
162
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
163
Analyzing
UK Pavilion design variations
{ (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π,
0 ≤ w ≥ 2π }
xo = u(sin(v)cos(u)) xw = sin(sin(xo))
yo = u(sin(v)sin(u)) yw = sin(sin(yo))
zo = cos(v)/(13/10) zw = sin(sin(zo))
164
{ (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π, { (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π, { (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π, { (u,v,w) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π,
0 ≤ w ≥ 2π } 0 ≤ w ≥ 2π } 0 ≤ w ≥ 2π } 0 ≤ w ≥ 2π }
165
Mur Island in Graz, Austria, 2003
Acconci Studio, New York, USA
167
Analyzing
Mur Island a mathematical recipe
First, orientate a sphere’s poles along the x-axis and scale the
sphere by ten in each coordinate. Scaling the sphere will make
for subtler ascending transformations. Second, transform a
closed sphere into a sphere that peels open by adding a
u-parameter to the y-coordinate (ascending ). Next, multiply the
u- and v-parameters; when u(v) is added to the x-coordinate, the
shape twists. Finally, as the v-parameter shifts half a period, π to
2π (cutting ), the shape grows to an appropriate proportion.
{ (u,v) | 0 ≤ u ≥ 2π, π ≤ v ≥ 2π }
x = u(v)+10(cos(v))
y = u+10(sin(v)cos(u))
z = 10(sin(v)sin(u))
168
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
169
Analyzing
Mur Island design variations
{ (u,v) | 0 ≤ u ≥ 2π, 2π ≤ v ≥ 4π }
x = u(v)+10(cos(v))
y = u+10(sin(v)cos(u))
z = 10(sin(v)sin(u))
170
{ (u,v) | 0 ≤ u ≥ 2π, π ≤ v ≥ 2π } { (u,v) | 0 ≤ u ≥ 2π, π ≤ v ≥ 5π/2 } { (u,v) | 0 ≤ u ≥ 2π, π ≤ v ≥ 3π } { (u,v) | 0 ≤ u ≥ 2π, π ≤ v ≥ 7π/2 }
{ (u,v) | 0 ≤ u ≥ 2π, π ≤ v ≥ 4π } { (u,v) | 0 ≤ u ≥ 2π, π ≤ v ≥ 9π/2 } { (u,v) | 0 ≤ u ≥ 2π, 3π/2 ≤ v ≥ 4π } { (u,v) | 0 ≤ u ≥ 2π, 2π ≤ v ≥ 4π }
171
Son-O-House in Son en Breugel, Netherlands, 2004
NOX, Rotterdam, Netherlands
173
Analyzing
Son-O-House a mathematical recipe
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
cx = cos(u) sx = sin(cz)cx
cy = sin(u) sy = sin(cz)cy
cz = v sz = cos(cz)
x = (3/2)cz
y = (13/10)sin(60cz /240)-sin(-5cz /2)/6
+sxcy
z = (13/10)sin(sxsx)
174
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
175
Analyzing
Son-O-House design variations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
cx = 7cos(u)/4 sx = sin(cz)cx
cy = sin(u)3 sy = sin(cz)cy
cz = v sz = cos(cz)
x = (3/2)cz
y = (13/10)sin(60cz /240)-sin(-5cz /2)/6
+sxcy
z = (13/10)sin(sxsx)
176
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
177
Ark Nova in Matsushima, Japan, 2013
Arata Isozaki, Tokyo, Japan and Anish Kapoor, London, UK
179
Analyzing
Ark Nova a mathematical recipe
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ 2π }
x = ((13/10)+sin(u))cos(v)
y = (2/3)cos(u)+((13/10)+sin(u))sin(v)
z = sin(100v)/100-sin(3u)/10+cos(u)
180
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ 2π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ 2π }
181
Analyzing
Ark Nova design variations
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ 2π }
x = sin(8v)/16+((13/10)+sin(u))cos(v)
y = sin(8v)/16+(2/3)cos(u)+((13/10)
+sin(u))sin(v)
z = sin(8v)/16+sin(100v)/100-sin(3u)/10
+cos(u)
182
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ 2π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ 2π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ 2π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ 2π }
183
Looptecture F in Minamiawaji, Japan, 2010
Endo Shuhei Architect Institute, Osaka, Japan
Interior and exterior photographs by Yoshiharu Matsumura. Courtesy of Endo Shuhei Architect Institute.
185
Analyzing
Looptecture F a mathematical recipe
x = 2(cos(u))
y = sin(2u)
z = sin(3u)/3+(2v/2)
186
{ (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π }
{ (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π }
187
Analyzing
Looptecture F design variations
x = 2(cos(u))
y = v/2(sin(sin(2u)))
z = cos(10v)/12-sin(10v)/12+sin(3u)/3
+(2v/2)
188
{ (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π }
{ (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, π/2 ≤ v ≥ π }
189
Mercedes-Benz Museum in Stuttgart, Germany, 2006
UNStudio, Amsterdam, Netherlands
191
Analyzing
Mercedes-Benz Museum a mathematical recipe
x = v((-3/2)cos(2u)+cos(u))
y = v((3/2)sin(2u)+sin(u))
z = u/4
192
{ u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π } { u | 0 ≤ u ≥ 2π }
{ (u,v) | 0 ≤ u ≥ 2π, 2π/3 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 2π/3 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 7π, 2π/3 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 12π, 2π/3 ≤ v ≥ π }
193
Analyzing
Mercedes-Benz Museum design variations
x = v((-3/2)cos(3u)+cos(1-u))
y = v(sin((3/2)sin(3u)+sin(1-u)))
z = u/4
194
{ (u,v) | 0 ≤ u ≥ 12π, 2π/3 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 12π, 2π/3 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 12π, 2π/3 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 12π, 2π/3 ≤ v ≥ π }
{ (u,v) | 0 ≤ u ≥ 12π, 2π/3 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 12π, 2π/3 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 12π, 2π/3 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 12π, 2π/3 ≤ v ≥ π }
195
Developable
Surfaces
Developable
Surfaces
198
A sheet of paper on a desk is like a In this chapter, the cylinder and cone
rectangle or plane in a Cartesian are manipulated under a series of
coordinate system. Lift the paper off mathematical transformations while
from the desk, arch it, and connect the maintaining their developable surface
two short ends together. A plane has logic. Above each three-dimensional
transformed into a cylinder. If the sheet developable surface is a flat two-
of paper was initially cut into a fan-like dimensional unrolled surface; in each
shape, connecting the two edges could case, the two-dimensional unrolled
create a cone. Cylinders and cones are surface could be used to construct the
examples of developable surfaces. A three-dimensional shape. Like a
developable surface is a surface with template or a cut file, each shape could
zero Gaussian curvature; in other words, be constructed out of a flat sheet of
a three-dimensional surface that can be material. As the shapes transform, look
unrolled to a flat two-dimensional at how their unrolled surfaces change.
surface without stretching or The object of this experiment is to
compressing. design an understanding of developable
surfaces by drawing relationships
Throughout this guide, shapes have between shapes and their two-
morphed under mathematical dimensional unrolled constructs.
transformations. It is possible to
transform developable surfaces without
compromising their zero Gaussian
curvature.
199
Developable
Surfaces Plane to cylinder
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = cos(u)
y = sin(u)
z = v
200
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
201
Developable
Surfaces: Cylinder with ascending
Plane
to Cylinder
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = cos(u)
y = sin(u)
z = u+v
202
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
203
Developable
Surfaces: Cylinder with texturing and ascending
Plane
to Cylinder
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = cos(8u)/10+cos(u)
y = sin(8u)/10+sin(u)
z = u+v
204
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
205
Developable
Surfaces: Cylinder with flattening, texturing
Plane
to Cylinder
and ascending
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = sin(sin(sin(sin(sin(cos(8u)/10
+cos(u))))))
y = sin(sin(sin(sin(sin(sin(8u)/10
+sin(u))))))
z = u+v
206
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
207
Developable
Surfaces: Cylinder with modulating, flattening
Plane
to Cylinder
and texturing
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = sin(sin(sin(sin(sin(cos(8u)/10
+cos(u))))))
y = sin(sin(sin(sin(sin(sin(8u)/10
+sin(u))))))
z = sin(3u)+v
208
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
209
Developable
Surfaces Plane to cone
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = (v/3)cos(u)
y = (v/3)sin(u)
z = v
210
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
211
Developable
Surfaces: Cone with spiralling
Plane
to Cone
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = (v/3)cos(u)
y = (v/3)sin(u)
z = (u/2)v
212
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
213
Developable
Surfaces: Cone with spiralling and texturing
Plane
to Cone
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = (v/3)(cos(8u)/10+cos(u))
y = (v/3)(sin(8u)/10+sin(u))
z = (u/2)v
214
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
215
Developable
Surfaces: Cone with spiralling, texturing
Plane
to Cone
and modulating
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = (v/3)(cos(8u)/10+cos((5/2)u))
y = (v/3)(sin(8u)/10+sin((5/2)u))
z = (u/2)v
216
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
217
Developable
Surfaces: Cone with spiralling, texturing and
Plane
to Cone
more modulating
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
x = (v/3)(cos(32u)/19+cos((5/2)u))
y = (v/3)(sin(32u)/19+sin((5/2)u))
z = (u/2)v
218
{ (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π } { (u,v) | 0 ≤ u ≥ 2π, 0 ≤ v ≥ π }
219
Assumptions
Assumptions
222
When an individual chooses a particular Throughout this guide, many shapes
tool to design with, he or she is also appeared very spatial or even
choosing a specific technical constraint architectural. Remember, these are
and bias. The choice of which tool to use abstract line drawings defining the
determines which procedures can be boundary of a geometry. They are only
followed. If the individual is unaware of located within a Cartesian grid, not an
this bias, the tool may be driving the actual site. They are lines, not detailed
designer, rather than the designer wall sections. They are diagrams:
controlling the tool at hand. However, something between a dream and reality,
each tool has a philosophy embedded theory and practice.
within it. This is especially the case for
mathematics and many digital tools. Finally, what we compute is not always
As the author of this guide, I do not what we see. A sine curve is a line that
necessarily support or disagree with the follows the periodic, trigonometric
philosophical bias of mathematics. My function sine along a distance defined
role is to design an understanding of by the parameter u. In the modulating
mathematics and share my constructed transformation, we learned how the
reality. Note, my understanding of frequency of a curve can change. If the
mathematics is self-constructed and frequency of the curve increases to an
designed, therefore it is also biased. extreme, the undulating curve will
eventually appear to be a thick line or
The world of mathematics does not even a filled-in rectangle. If an individual
think, feel or experience. It is a world of was asked what they saw, he or she
shapes, a world within itself; it is an would not say an undulating sine curve
autonomous reality – not a phenomenal – yet mathematics does not care what
one. It is autonomous, therefore we see. It is autonomous. What it
architecture is autonomous when seen defines makes it what it is! This is
through its lens. It is not concerned with similar to a dictionary, or to the field
typology, materiality or even gravity. of linguistics – but governed here by
a mathematical syntax. Mathematics
is blinded by its own computational
strength. Luckily, we can see, think,
feel and experience.
223
Assumptions
Disclaimer: This shape was generated by an ‘ugly’ equation. As a means to prevent mathematics from
working harder than it needs to, ‘ugly’ equations are not shown in this guide.
224
A philosophical reading of mathematics
225
Assumptions
Disclaimer: This shape was generated by an equation ‘too ugly’ for this guide.
226
How was the guide developed?
As the author of this pedagogical guide Rules of perspective do not tell the
it is my responsibility to confess that I individual what to draw, but rather
am not a mathematician; I am a guide the individual by giving him or her
designer. As a result, my approach to a means to a particular illusion of depth.
researching mathematics is unorthodox. Similarly, this pedagogical guide does
The question of whether or not every not teach how to design with
shape can be described by the mathematics, but rather portrays a
trigonometric functions of sine and series of frameworks or a guide that can
cosine is still an open problem. A be used in many different ways.
mathematician might be invested in
researching a proof to this question but When I began researching mathematics,
I, like most designers, am not interested I approached it a bit like learning how to
in a proof. Instead I am after the means draw. Through trial and error, I observed
and methods to instrumentalize how specific operations yielded
trigonometric functions as a design tool. particular results. Initially, I could
As a designer, I can learn far more by not explain why this was the case, as
literally trying to make every shape in a mathematician would have been able
the world rather than trying to prove to, but tacitly I knew what operations
whether or not it can be done. would cause a particular transformation.
As I incrementally established a
Imagine trying to write an algorithm to fundamental set of rules, I began asking
prove that every image can be drawn. A more questions. Each topic within this
proof to this does not help an individual guide builds on or challenges the prior
learn how to draw. In order to learn how one. In the end, this guide can be seen
to draw the individual must first draw! as a guide through my own thought
Words cannot easily express the feeling process into mathematics. This
of pressing a brush pen down on a piece pedagogical guide into mathematical
of paper. However, when an individual transformations does not claim to be the
follows the rules of one- or two-point only way to approach mathematics as a
perspective, that individual is learning design tool. It is a particular, biased
through a set of explicit instructions. approach. It is my approach!
227
Bibliography
The following texts have influenced the Critchlow, Keith. Order in Space; a
research agenda, approach, or graphical Design Source Book. London: Thames &
aesthetic of this book. Hudson, 1969.
Albers, Josef. Interaction of Color: Text of Demaine, Erik D., and Joseph O’Rourke.
the Original Edition with Revised Plate Geometric Folding Algorithms: Linkages,
Section. New Haven: Yale UP, 1975. Origami, Polyhedra. Cambridge:
Cambridge University Press, 2007.
Arnheim, Rudolf. Art and Visual
Perception: A Psychology of the Creative Dewey, John. Art as Experience. New
Eye. Berkeley: University of California, York: Minton, Balch & Company, 1934.
1966.
Dewey, John, and Arthur Fisher Bentley.
Arnheim, Rudolf. Visual Thinking. Knowing and the Known. Boston:
Berkeley: University of California, 1969. Beacon, 1949.
228
Fuller, R. Buckminster, and Richard J. LeWitt, Sol. Sol LeWitt – Isometric
Brenneman. Fuller’s Earth: A Day with Drawings. New York: Paula Cooper
Buckminster Fuller and the Kids. New Gallery, 1982.
York, NY: New Press, 2009.
Lockwood, E. H. A Book of Curves.
Ghyka, Matila C. The Geometry of Art Cambridge: Cambridge University
and Life. New York: Dover Publications, Press, 1961.
1977.
Loeb, Arthur L. Color and Symmetry.
Glanville, Ranulph. ‘Researching Design New York: Wiley-Interscience, 1971.
and Designing Research.’ Design Issues
15.2 (1999): 80–91. Loeb, Arthur L. Concepts & Images:
Visual Mathematics. Boston: Birkhäuser,
Kafka, Franz. The Complete Stories. New 1993.
York: Schocken, dist. by Pantheon, 1988.
Loos, Adolf. Ornament and Crime:
Kandinsky, Wassily. Point and Line to Selected Essays. Riverside, CA: Ariadne,
Plane. New York: Dover Publications, 1998.
1979.
Maeda, John. Design by Numbers.
Klee, Paul. Pedagogical Sketchbook. Cambridge, MA: MIT, 1999.
London: Faber and Faber Limited, 1953.
Maffei, Giorgio, and Emanuele de
Krueger, Ted. Designing Epistemology. Donno. Sol LeWitt, Artist’s Books.
PhD Thesis, Architecture and Design. Mantova: Maurizio Corraini, 2010.
RMIT University, 2011.
Minsky, Marvin Lee. The Society of
Lakatos, Imre. ‘Mathematics, Science Mind. New York: Simon and Schuster,
and Epistemology.’ Philosophical Papers 1988.
Volume 2, ed. John Worrall and Gregory
Currie. Cambridge: Cambridge University Negroponte, Nicholas. The Architecture
Press, 1978. Machine. Cambridge, MA: MIT, 1970.
229
Bibliography
230
Acknowledgments
231
Published in 2015 by
Laurence King Publishing Ltd
361–373 City Road
London EC1V 1LR
tel +44 20 7841 6900
fax +44 20 7841 6910
e-mail [email protected]
www.laurenceking.com
ISBN 978-1-78067-4-131
Printed in China