Upload
hidy-wong
View
219
Download
1
Embed Size (px)
DESCRIPTION
Â
Citation preview
ALGORTHMIC SKETCHBOOK
AIR STUDIO
ALGORITHMIC SKETCBOOKGAMESPACE STUDIO
T5 TUTOR: ALEX HOLLANDWONG HOIYING HIDY
2
W E E K 1
W E E K 2
W E E K 3
W E E K 4
W E E K 5
W E E K 6
W E E K 7 - 8
W E E K 9
W E E K 1 0 - 1 1
W E E K 1 1 - 1 4
A P P E N D I X
4
1 5
2 5
3 1
3 5
4 7
5 5
6 9
7 5
9 1
1 0 5
C O N T E N T
3
4
1/ P O P U L A T E 3 D
/ P O P U L A T E G E O M E T R Y
/ V O R O N O I 3 D
/ O C T R E E
5
6
2 Circle curve
Biarc
Lofting
Populate GeometryDelaunay Edges
Pipe
OcTree
CURVY TUBE
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 GeometryDelaunay 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
Voronoi 3D
Loft
BiarcLoft
BiarcReverse
TWISTING TUBE
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/ C O N T O U R
/ M O V E
/ P R O J E C T
/ C O N S T R U C T P L A N E
15
16
Simple triangle
Different thickness
Plan
Triangles with angle
ContourLoft
TRIANGULAR PAVILION
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
Construct plan
2 Curves
Loft
TWISTING PAVILION
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
Contour
Project
Scale 3D
2 Curves
Loft
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/ C O N T O U R
/ M O V E
/ P R O J E C T
/ C O N S T R U C T P L A N E
25
26
Pipe
Circle & ellipse
Geodesic
27
28
Spiral shape from the top
3 arcs with different heights
Pipe
29
30
4/ D I S T A N C E F R O M P A T H
/ O P E N & C L O S E D S P A C E S
/ L O U D & Q U I E T P L A C E S
/ I N T E R E S T I N G P L A C E S
31
1 / Distance from path
Closest to point Image sampling
2 / Closed & open space
RHIN
OG
RASS
HO
PPER
32
Image sampling Image sampling Point charge
2 / Closed & open space 3 / Vegetation 4 / interesting points
33
34
5/ T O P O G R A P H Y
35
36
Trim contour
Loft
Divide curve
Grasshopper Definition of Topograhpy / Unsuccessful
TOPOGRAPHY TRIAL / 1
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
Draw boundary
Rendering
Trim the contour
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-by-step 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 Topography43
44
Rendering of Topography45
46
6/ E L E VA T I O N
/ N O I S I N E S S
47
48
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.
Topography
Intersecting point
Contour in Y direction
Contour in X direction
49
50
Projection of point
Points with different heights
Creating square grid
TOPOGRAPHY TRIAL / 2
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
Setting points in the loud area
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
Point charge affects surrounding
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 U A L I Z A T I O N S K I L L F O R P R E S E N T A T I O N
55
4/16/64 m
56
Projection of point
Different grid size
Creating cubes according to the elevation
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.
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
64m grid
16m grid with color
16m grid
4m grid
58
Adding gradient color
59
16m grid with circle
16m grid with cyclinder
16m grid with sphere
60
16m grid with circle
16m grid with cyclinder
16m grid with sphere
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
16m grid with circle
64m grid with nurbs
16m grid with nurbs
4m grid with nurbs
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 Charlie
66
Bravo Delta
BODY ALGORITHM
I tried to visulize the data collected from our site visit.
67
68
9/ F U R T H E R A N A L Y S I S
/ C S V F I L E E X P O R T
69
70
Accessable area
Circle
Creating square grid
Nearest points
Exclude the points inside the circle
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
1 0 - 1 1
/ 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
> 0
0
> 1
1
76
Creating square grid
Elevation of each point
Remap value from 0 -1
Final data
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
Diagram that I made in Journal Part C
0.0
0.4
1.0
Merri Creek
flat grassland
highest point
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
Slope calulationTangent Coordinates
82
Slope calulation
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
section
gradient over 0.75
gradient map
topography
84
0.45
0.0
Average gradient
Flat Grassland
0.75Slope along Merri Creek
Tangent = Gradient
Diagram that I made in Journal Part C
85
Merge field
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
0.3
0.0
Merri Creek
vegetation
0.7
1.0
playground
oval
Diagram that I made in Journal Part C
89
90
1 1 - 1 4
/ C H A R A C T E R VA L U E M A P S
/ P A R T C J O U R N A L C O M I C
/ P A R T C J O U R N A L V I S U A L I Z A T I O N O F M A P S
91
Original flatten data of popularity (by gab)
Multipling -1 because of the -ve data of the character
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
interesting point map
elevation map
sun map
noisiness map
+20%
-20%
-30%
+30%
OLD WOMAN
94
interesting point map
vegetation map
sun map
popularity map
+20%
-20%
-30%
+30%
RUNAWAY
95
interesting point map
permeability map
popularity map
sun map
elevation map
+20%
+20%
+10%
-30%
+20%
PROPERTY DEVELOPER
96
interesting point map
noisiness map
popularity map
permeability map
+30%
+10%
-20%
+30%
DOG
97
sun map
vegetation map
popularity map
permeability map
+30%
-20%
-20%
+30%
ENVIRONMENTALIST
98
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
1st version - Too literal
2nd version - The color did not create a strong constrast
3rd version - Not enough color combination
100
Final version of the map - Playful style suited our group
COMIC
I was doing the site introduction and our team workprocess 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
LABYRINTH
MERRY CREEK
DWELLING
OVAL
PLAYGROUND
READY! GO!
SKATEPARK
VEGETATION
BUILDING
STEEP SLOPE ALONG THE CREEK
WAY TO GET INTO THE PARK
STANDING NEXT TO THE CREEK
LITTLE FOREST AT THE BACK
102
ACTUAL SITE ASPECT ANALYSIS DIVIDE INTO GRID PIXEL MAP
PATH
1M
1MWE START ANALYZING OUR ACTUAL SITE
VEGETATION
MAN BUILT
USERS
MERRY CREEKWE TURN THE MAP
INTO PIXEL
DIVIDE OUR SITE INTO 1M x 1M GRID
103
104
A P P E N D I X
105
106
107
ALGORITHMIC SKETCHBOOK
T5 WONG HOIYING HIDY
108