LOU LANGER
INSPIRATION AND OBJECTS
INSPIRATION BOARD
Various Joints made using the CNC (various authors)
Bench by STOSS
Decorative Facade by D’HOUNDT + BAJART
Dongdaemun Design Plaza by ZAHA HADID ARCHITECTS
Pigment Retail by KENGO KUMA
ASSOCIATIVE SURFACES HARVARD UNIVERSITY COURSE DOCUMENTATION FALL 2015
Documentation for workshop instructions on associative modeling (led by David Mah) and video animations (led by Bradley Cantrell). The step by step instruction book is a documentation of Flux Studio Pre-term and of the Landscape Architecture Representation III course. All grasshopper scripts were designed and presented by David Mah. Responsible for documentation troubleshooting software with students.
and
Instructors: David Mah, Bradley Cantrell Team Members: Leif Dobrowolski, Linh Pham
Estrada,
Devin
Software: Ladybug, Grasshopper, Rhinoceros, Adobe Illustrator, Photoshop, AfterEffects All intellectual material of the Associative Surfaces is subject to copyright by the Graduate School of Design at Harvard University.
Media and Tools Documentation Media and Tools Documentation
Day 01 Building Typologies
Andrew Madl
Andrew Younker 0.1 Day 1 Step Two: Creating a series of stacked volumes
6 12
Media Mediaand andTools ToolsDocumentation Documentation
Day Day 01, 01, Overview Step Three: Twisting the series of stacked volumes, and creating a cascading effect Now that you have a series of similar stacked volumes, you can create a variation of sizes and the angles (of each of the volume's faces)
In this tutorial, we will learn how to create a complex building typology using a grasshopper definition. This Grasshopper script was created by David Mah.
Overview Day 1 Step Three: Twisting the series of stacked volumes, and creating a cascading effect
8 13
Media Mediaand andTools ToolsDocumentation Documentation
Day Day02 02 Landform LandformTypologies Typologies
Andrew AndrewMadl Madl
Andrew AndrewYounker Younker 0.2 0.2Day Day2 2
1515
Media Mediaand andTools ToolsDocumentation Documentation
Day Day02, 02,Step StepOne: One:Defining DefiningaaGrid, Grid,Defining DefiningAttractor Attractor Points Points To Tostart, start,we wewill willset setup uptwo twoattractor attractorpoints pointsand andaagrid gridofofpoints pointsthat thatwill willmake makethe thesurface. surface. MAKING MAKINGAAGRID: GRID:The Thecomponent componentlabeled labeled"Square" "Square"creates createsaagrid gridwith withsquare squarecells cells(as (asopposed opposedtotorectangles, rectangles,triangles, triangles, ororhexagons hexagonswhich whichare arealso alsooptions optionsininGrasshopper). Grasshopper).InInour ourinputs, inputs,we wecan candetermine determinethe thesize sizeofofeach eachcell cell(0.933), (0.933),the the number numberofofrows rowsininthe theXXaxis axis(Extent (ExtentX)X)and andthe thenumber numberofofrows rowsininthe theYYaxis axis(Extent (ExtentY). Y).InInthis thisexample, example,we wehave havecreated created
aanumber numberslider sliderso sothat thatwe wecan caneasily easilymanipulate manipulatethe thegrid gridextent. extent.The Theoutput outputthat thatwe wecan canuse usefor forthis thisexample exampleare arethe the points pointsthat thatoccur occuron onthe thecrossings crossingsofofthe thegrid. grid.The Thepoints pointsappear appearininrhino rhinoas asaared redXX(in (indefault defaultsettings). settings).See Seewhat whathappens happens totoyour yourgrid gridwhen whenyou youslide slidethe thewhite whitedot doton onone oneofofthe thenumber numbersliders. sliders.
MAKING MAKINGATTRACTOR ATTRACTORPOINTS: POINTS:There Thereisiscertainly certainlymore morethan thanone oneway waytotoconstruct constructaapoint. point.InInthis thisexample, example,we weare are looking lookingtotoeasily easilymanipulate manipulatethe thecoordinates coordinatesofofour ourattractor attractorpoints pointsso sothat thatwe wecan canmake makemany manyiterations iterationsofofaasurface surfaceusing using the samegrasshopper grasshopperdefinition. definition.Simply Simplyplug plugan anMD MDSlider Sliderinto intothe thepoint pointcomponent. component.Notice Noticethat thatthe theMD MDSlider Slider(Multi (Multi thesame Dimensional DimensionalSlider) Slider)has hasaagrid gridwith withaawhite whitedot dotcalling callingout outthe thecoordinate. coordinate.See Seewhat whathappens happenswhen whenyou youmove movearound aroundthe the white whitedot dotininthe theMD MDsliders. sliders. Grasshopper GrasshopperScreenshot: Screenshot:AASquare SquareGrid Grid(top), (top),and andAttractor AttractorPoints Points(bottom). (bottom).
Step StepOne: One:Defining Defininga aGrid, Grid,Defining DefiningAttractor AttractorPoints Points
1818
Media Mediaand andTools ToolsDocumentation Documentation
Media Mediaand andTools ToolsDocumentation Documentation
Output: Output:AAgrid gridof ofpoints points
Step StepOne: One:Defining DefiningaaGrid, Grid,Defining DefiningAttractor AttractorPoints Points Output: Output:One Oneexample exampleof oftwo twopoints pointscreated createdfrom fromthe theMD MDsliders sliders
19 19
Media Mediaand andTools ToolsDocumentation Documentation
Day Day 02, 02, Step Step Two: Two: Defining Defining Attractor Attractor Point Point Relationships Relationships DISTANCE DISTANCERELATIONSHIPS RELATIONSHIPSBETWEEN BETWEENATTRACTOR ATTRACTORPOINT POINTAND ANDTHE THEGRID GRIDOF OFPOINTS: POINTS:The Thecomponent componentlabeled labeled "ClosestPoint" Point"will willallow allowus usto tosort sortpoints pointsfrom fromthe thesquare squaregrid. grid.Using Usingthis thiscomponent componentwe wecan cantell tellwhich whichpoints pointsare arecloser closerto to "Closest PointAAand andto toAttractor AttractorPoint PointB, B,respectively. respectively.Set Setthe theCloud Cloudinput inputon onthe theClosest ClosestPoint Pointcomponent componentto toboth both AttractorPoint Attractor attractorpoints. points.Remember Rememberto tohold holddown downshift shiftto toset setmore morethan thanone oneinput attractor inputand andto toflatten flattenthe theCloud. Cloud.The ThePoint Pointinput inputon onthe the ClosestPoint Pointcomponent componentwill willbe beour ourgrid gridof ofpoints. points. Closest Nowwe wecan canfind findthe theDistance Distancebetween betweenthe theClosest ClosestPoint Pointoutput outputor orthe theAttractor AttractorPoints Pointsand andthe thegrid gridof ofpoints. points.Let's Let's Now visualizethis thisdata datausing usingaaPanel. Panel.The Thedata datathat thatwe wecan cansee seeininthe thePanel Panelisiscalled calledaaData DataList. List.The Thefirst firstcharacteristic characteristicto tonote note visualize thislist listisisthat thatevery everydistance distancelisted listedhas hasan anascending ascendingnumber ininthis numberto toits itsleft. left.The Thefirst firstnumber numberininthis thiscolumn columnisisalways alwayszero. zero. Rememberthat thatGrasshopper Grasshopperisisaavisualization visualizationof ofprogramming programminglanguage, language,so soright rightnow nowwe weare aregetting gettingaawindow windowinto intothe the Remember mathand andnumbers numbersbehind behindthe thecomponents. components. math GrasshopperScreenshot: Screenshot:Closest ClosestPoint Point(middle), (middle),Distance Distanceand andPanel Panel(right) (right) Grasshopper
ADJUSTING ADJUSTINGTHE THEBOUNDS: BOUNDS:We Wecan canproportionally proportionallychange changethe theDomain Domain(([lower [lowerlimit] limit]To To[upper [upperlimit] limit]).).First, First,input inputthe the Distancelist listinto intothe theBounds Boundscomponent. component.Flatten Flattenthe theinput inputso sothat thatyou youare arefinding findingthe thelower lowerlimit limitand andupper upperlimit limitof ofthe the Distance Step StepTwo: Two:Defining DefiningAttractor AttractorPoint PointRelationships Relationships
21 21
Mediaand andTools ToolsDocumentation Documentation Media
ENTIRE list list as as opposed opposed to to one one branch branch of of the the list. list. Using Using aa Panel, Panel, type type your your new new lower lower limit limit and and upper upper limit limit using using this this syntax: syntax: ENTIRE [lower limit] limit] To To [upper [upper limit] limit] ).). Plug Plug your your new new Bounds Bounds panel panel into into the the Target Target input, input, the the Bounds Bounds from from the the original original Distance Distance (( [lower list into into Source, Source, and and the the Distance Distance list list into into Value. Value. list the we compare compare the the panel panel of of our our Distance Distance list list and and the the panel panel of of our our Remapped Remapped Numbers Numbers list, list, we we can can compare compare the IfIf we proportional relationship relationship at at each each point point on on the the grid grid before before and and after. after. See See what what happens happens when when the the Distance Distance list list isis plugged plugged proportional into aa Move Move Component Component and and compare compare against against the the Remmapped Remmapped Numbers Numbers values. values. into Grasshopper Screenshot: Screenshot: Points Points are are moved moved in in the the ZZ direction direction the the same same distance distance as as to to the the attractor attractor point point Grasshopper
Output: AAgrid grid of of points points moved moved in in the the ZZ direction direction the the same same distance distance as as to to the the attractor attractor point point Output:
Grasshopper Screenshot: Screenshot: The The same same grid grid of of points points adjusted adjusted proportionally proportionally to to aa new new Remapped Remapped domain. domain. Grasshopper
StepTwo: Two:Defining DefiningAttractor AttractorPoint PointRelationships Relationships Step
22 22
Mediaand andTools ToolsDocumentation Documentation Media
Output: The The same same grid grid of of points points adjusted adjusted proportionally proportionally to to aa new new domain. domain. Output:
Output: A grid of points
Step One: Defining a Grid, Defining Attractor Points Output: A grid of points moved in the Z direction the same distance as to the attractor point
Output: One example of two points created from the MD sliders
Grasshopper Screenshot: The same grid of points adjusted proportionally to a new Remapped domain.
Output: Another example of two points created from the MD sliders
19
Output: The same grid of points adjusted proportionally to a new domain.
B L O C K P R I N T S
TREES/PAVING
C N C
M I L L I N G
7
1 13 6 11 2
12
SECTION DETAIL
3
SCALE: 1 1/2" = 1'-0"
9 6 10
11
6 11 2
3 1 12
2 6 11 6 12
1
1
2
2
4
6 12
9 6
6 SECTION DETAIL
22
3
6
5
8
3
13 1 6
1
SCALE: 1 1/2" = 1'-0"
7
18
3
6
6 12
13
SCALE: 3" = 1'-0"
3
4
6
1
3 SECTION
6
3
3
2
6
13 1
5
1
14
8
3
2
SCALE: 1 1/2" = 1'-0"
3 1 22 2 18 6
9
4
SECTION DETAIL
2
6
3
10
18 18 13 22 6 2 22
9 6
3 SECTION SCALE: 3" = 1'-0"
22
DETAIL 67 SECTION SECTION DETAIL 6 SCALE: 1 1/2" = 1'-0" 4 SCALE: 1 1/2" = 1'-0"
14 6 1 13 6
19
6
18
6 11 2
6
6 12 8
6 13 1 6
12 4
12
3 13 6
WINDOW 6
2
1
16
4
6
18
12
6 SECTION DETAIL 5 SECTION DETAIL 6
12 4
SCALE: 1 1/2" = 1'-0"
22
8
8 6 1
3 13 6
6
18
8 2
6 22
22 18 6
2
12
12 4
8 6
13
23
22
24
6
12 6
18
22
2 SECTION SCALE: 3" = 1'-0"
1 SECTION SCALE: 3" = 1'-0"
22 16 2
16
19
3 13 6
8
2
6
6
17
SCALE: 1 1/2" = 1'-0"
12
3 18
27
4 SECTION DETAIL 12
SCALE: 3" = 1'-0"
22
8 6 1 1
12
2 SECTION
3
16
19
18 6
13
SCALE: 1 1/2" = 1'-0"
6
22
18
17 22
SCALE: 1 1/2" 6 = 1'-0"
6 13 1
9
2
5 SECTION DETAIL
SCALE: 3" = 1'-0"
6
16
12
2 SECTION
WALL 2
6
6 SECTION DETAIL 12
SCALE: 3" = 1'-0"
22
17 22
10
SCALE: 1 1/2" = 1'-0"
12
18
3 SECTION
8
6 12
13
19
3
6
6 10
6
14
6
18 6
13 8 6 1 9
6 11 2
22
2 12 4
27 8 8 6 61
3 13 6
2 SECTION SCALE: 3" = 1'-0"
23 24
DETAIL SECTION DETAIL 54 SECTION 2
16
SCALE: 1 1/2" = 1'-0" SCALE: 1 1/2" = 1'-0"
17 1 8 22 2
1 SECTION SCALE: 3" = 1'-0"
3 WINDOW C CONSTRUCTION SEQUENCE N.T.S.
2 WINDOW C CONSTRUCTION SEQUENCE N.T.S.
S I T E A B S T R AC T I O N S
The Third Forest | 1:250 Model |
Detail of Exisiting and Anticipated Canopy
The Third Forest | 1:250 Models |
The Third Forest | 1:250 Model |
Forest Model
The Third Forest | 1:250 Model |
Detail of Exisiting and Anticipated Canopy
Detail of Regrading for Natural Firebreak
Existing Vegetation Type : Forest Central Appalachian Dry Oak-Pine Forest
South West Slopes
route
Flammability Mapping Bourne, MA
180° < Slope Aspect < 315°
Moisture Mapping Route 28
Legend Mixed Forest: North Atlantic Coastal Plain Pitch Pine Barrens Central Appalachian Dry Oak-Pine Forest
0
Flammability and Moisture Composite
250
500
1000 Meters
Existing Vegetation Type : Forest Central Appalachian Dry Oak-Pine Forest
South West Slopes
route
Flammability Mapping Bourne, MA
180° < Slope Aspect < 315°
Moisture Mapping Route 28
Legend Mixed Forest: North Atlantic Coastal Plain Pitch Pine Barrens Central Appalachian Dry Oak-Pine Forest
0
Flammability and Moisture Composite
250
500
1000 Meters