AIR STUDIO ALGORTHMIC SKETCHBOOK
ALGORITHMIC SKETCBOOK GAMESPACE STUDIO T5 TUTOR: ALEX HOLLAND WONG HOIYING HIDY
2
CONTENT
WEEK 1
4
WEEK 2
15
WEEK 3
25
WEEK 4
31
WEEK 5
35
WEEK 6
47
WEEK 7 - 8
55
WEEK 9
69
WEEK 10 - 11
75
WEEK 11 - 14
91
APPENDIX
105
3
4
1 / P O P U L AT E 3 D / P O P U L AT E G E O M E T RY / VORONOI 3D / OCTREE
5
6
2 Circle curve
Pipe
Lofting
Biarc
Populate Geometry Delaunay Edges
CURVY TUBE OcTree I orginally want to try to connect two circle as a sphere; but interestingly, when I used biarc, curves were twisted into different shapes. I kept exploding the shape and finally come up with these abstract volumes.
7
8
9
10
Sphere
Populate Geometry Delaunay Edges
Pipe
PIPING SPHERE
I randomly create a sphere and point clouds surrounding it. When I connected the edges and pipes them, it looked like a bird net to me. Then I deleted pipes in the middle and left the pipes on the edge.
11
12
2 Curve
Biarc Loft
Biarc Reverse Loft
TWISTING TUBE Voronoi 3D
Voronoi 3D is a very interesting command that it cuts the cube into random pieces. I tried to take out some pieces as to form different shapes of the structure.
13
14
2 / CONTOUR / MOVE / PROJECT / CONSTRUCT PLANE
15
16
Simple triangle
Triangles with angle
Contour Loft
Different thickness
TRIANGULAR PAVILION Plan When I generated the idea, I would like to create something pointed. Triangle was the first image came up in my head. Then I tried with different combinations and angles. I was thinking the shelter should not be just a overhead blocked shelter, but a shelter that people can still see the outside world. 17
18
19
20
2 Curves
Loft
TWISTING PAVILION
Construct plan
By creating two curves in different heights, they were lofted as a curved surface. It looked like volcano and contour lines were created around it. After placing the pieces along the contours, it turned to be a folded wings.
21
22
2 Curves
Loft
Contour Project
Scale 3D
CURVED SHELTER
Originally I just wanted to have one curved shelter, soon, I found that it was dull to have one. I then tried to adjust its scale and rotate it. Lastly I combined two of them and formed a overlapping shelter. 23
24
3 / CONTOUR / MOVE / PROJECT / CONSTRUCT PLANE
25
26
Circle & ellipse
Geodesic
Pipe
27
28
3 arcs with different heights
Pipe
Spiral shape from the top
29
30
4 / D I S TA N C E F R O M PAT H / O P E N & C L O S E D S PA C E S / LOUD & QUIET PLACES / INTERESTING PLACES
31
2 / Closed & open space
Closest to point
Image sampling
GRASSHOPPER
RHINO
1 / Distance from path
32
3 / Vegetation
4 / interesting points
Image sampling
Point charge
33
34
5 / TOPOGRAPHY
35
36
Loft
Divide curve
Grasshopper Definition of Topograhpy / Unsuccessful
TOPOGRAPHY TRIAL / 1
Trim contour
I tried to create surface between lines as to build the site topography. Then I used divide curves and obtained points on curves. By joining the curve together, surface was created; however the process was very time consuming and the surface was not smooth but with gaps in between. This method was a failure.
37
38
Rendering
Trim the contour
Draw boundary
TOPOGRAPHY TRIAL / 2 I kept searching for a more direct method to generate a mesh by using the contour provided. Trim the contour line with the boundary set and I attempted to step-bystep follow the tutorial online and succesfully create a surface mesh. This topographyof the site would be useful in the entrie project. 39
40
Grasshopper Definition of Topograhpy / successful
41
42
Rendering of Topography 43
44
Rendering of Topography 45
46
6 / E L E VA T I O N / NOISINESS
47
48
Intersecting point
Contour in X direction
Contour in Y direction
Topography
TOPOGRAPHY TRIAL / 1 The size of our site was 750mx750m. As to analyze the site, there should be a point in every 1m as to create a datascape. I thought of using the intersection of contour lines to obtain the data of each point. However, tutor reminded me that this method might not be the most accurate method because the point were not on the same surface and the points were not in a right order. 49
50
Creating square grid
Points with different heights
TOPOGRAPHY TRIAL / 2 Projection of point To produce a more accurate datascape of the site, I tried to project points to the surface by square grid. The point would be created on top of the surface. The z value will be the height of the point which is the elevation of the landscape.
51
52
Point charge affects surrounding
Placing point charge Adjust the strength of point charge according to the loudness of the area, i.e. the louder the place, the stronger the charge
Setting points in the loud area
IMPORTANT / merge field from different points which allow them to affect other points on the same plane.
NOISINESS TRIAL / 1 As sound is spreading wave, there should be a gradual change of loudness in the atmosphere. Then I attempted to use point charge to achieve this effect. I placed several point charge and adjusted them strength according to the loudness of the area. After merging the field, points which were nearer to the charge would have higher value and vice versa.
53
54
7 - 8 / V I S UA L I Z AT I O N S K I L L F O R P R E S E N TAT I O N
55
4/16/64 m
56
Creating cubes according to the elevation
Different grid size
ELEVATION Explaining our datascape with only numbers would be difficult for others to understand. Thus to better represent the data, I tried to visualize it with different kind of shapes, e.g. cubes, cylinders and circles.
Projection of point
Considering the data within a packed grid, the difference between data was hardly observed. Thus applying different grid size to help represent the landscape in a clearer way.
57
4m grid
16m grid
16m grid with color
64m grid
58
Adding gradient color
59
16m grid with sphere
16m grid with cyclinder
16m grid with circle
60
OTHER VISUALIZATION METHODS Not all the vizualizing methods were successful to represent the data because of their shapes and arrangement.
61
62
NOISINESS As I used point charge for noisiness data, the visualization needed to be clear to show the gradient change. I first tried to use cubes to represent the data by using thier height. It looked good in Rhino but when I turned the view into isometric, the height difference was not obvious anymore.
63
4m grid with nurbs
16m grid with nurbs
64m grid with nurbs
16m grid with circle
64
the field strength determines the peak of nurbs
MODIFICATION Not using cubes, I turned to connect points and created nurbs. This method surprisely represented the data well. Then I tested with different grid size to find out which size could effectively explain the data to others who didnt know about the project.
65
Alpha
66
Charlie
Bravo
Delta
BODY ALGORITHM I tried to visulize the data collected from our site visit.
67
68
9 / F U RT H E R A NA LYS I S / CSV FILE EXPORT
69
70
Exclude the points inside the circle
Nearest points
Circle
Creating square grid
Accessable area
71
CSV script by tutor
Attempt to export / Unsuccessful
72
CSV FILE Attempted to export CSV file using the given grasshopper script but failed to export the data.
73
74
10 - 11 / E L E VA T I O N VA L U E M A P / G R A D I E N T VA L U E M A P / N O I S I N E S S VA L U E M A P
75
1 0
>1 >0
76
Remap value from 0 -1
Final data Elevation of each point
Creating square grid
ELEVATION Using the projection of point, the height of each point could be obtained. As Unity needed to the data to be from 0 to 1, I then remaped the data in the range from 0 to 1.
77
1.0 highest point
0.4 flat grassland
0.0 Merri Creek
Diagram that I made in Journal Part C 78
elevation map
contour map
79
80
GRADIENT Gradient here meant the steepness of the slope. What I did was to find the gradient of each point. I first tried to use the contours to get the points and directly evaluated the point. However, I could not get the expected result. 81
Tangent Coordinates
82
Slope calulatio
on
GRADIENT Then I found that actually there was tangent of point. I used the tangent coordiantes and decomposed the points. Using the method of calulating slope (y/z), gradient of slope coulc achieve. 83
gradient over 0.75
section
gradient map
topography
84
0.75 Slope along Merri Creek
0.45 Average gradient
0.0 Flat Grassland
Tangent = Gradient
Diagram that I made in Journal Part C
85
Clear cut area
86
Merge field
NOISINESS As mentioned before, sound is a spreading wave; but this time, we would like to have some clear cut point as to create a strong contrast between loud and quiet space. 87
noisiness map
site plan
88
1.0 oval 0.7 playground
0.3 Merri Creek
0.0 vegetation
Diagram that I made in Journal Part C
89
90
11 - 14 / C H A R A C T E R VA L U E M A P S / PA R T C J O U R N A L C O M I C / PA R T C J O U R N A L V I S UA L I Z AT I O N O F M A P S
91
Multipling -1 because of the -ve data of the character
Original flatten data of popularity (by gab)
92
Parition data as to seperate the points into stream
CHARACTER VALUE MAPS Set by group 4, different characters had different preferrence in the site. Thus they would have various combination of map value.
93
OLD WOMAN
94
interesting point map
+30%
elevation map
+20%
sun map
-20%
noisiness map
-30%
RUNAWAY
interesting point map
+30%
vegetation map
+20%
sun map
-20%
popularity map
-30%
95
PROPERTY DEVELOPER
96
interesting point map
+20%
permeability map
+20%
popularity map
+20%
sun map
+10%
elevation map
-30%
DOG
interesting point map
+30%
noisiness map
+30%
popularity map
+10%
permeability map
-20%
97
ENVIRONMENTALIST
98
sun map
+30%
vegetation map
+30%
popularity map
-20%
permeability map
-20%
VISULIZATION OF VALUE MAPS I found the isometric maps were particularly useful for our group as to transform our abstract data into an understandable graphic.
99
3rd version - Not enough color combination
2nd version - The color did not create a strong constrast
1st version - Too literal
100
Final version of the map - Playful style suited our group
COMIC I was doing the site introduction and our team work process comic. I built a Rhino model of the site and made 2D. Then I used Illustrator to add trees, people and color to the map. Color became important here as it identified the elements in the site and developed a style for our comic. 101
READY! GO!
PLAYGROUND
LITTLE FOREST AT THE BACK
LABYRINTH
BUILDING
DWELLING
SKATEPARK
OVAL
STEEP SLOPE ALONG THE CREEK
VEGETATION
STANDING NEXT TO THE CREEK MERRY CREEK
102
WAY TO GET INTO THE PARK
ACTUAL SITE
ASPECT ANALYSIS
DIVIDE INTO GRID
PIXEL MAP
DIVIDE OUR SITE INTO 1M x 1M GRID
VEGETATION
USERS
PATH
MAN BUILT
1M
WE TURN THE MAP INTO PIXEL
MERRY CREEK
WE START ANALYZING OUR ACTUAL SITE
1M
103
104
APPENDIX
105
106
107
ALGORITHMIC SKETCHBOOK T5 WONG HOIYING HIDY
108