Digital Design - Portfolio Semester 1, 2018 Yizhen Cai
921679 Junhan Foong + Studio 14
1
2
email: yizhenc2@student.unimelb.edu.au yizhen.au333@gmail.com
Content:
Education: 2017 - current
Reflection: University of Melbourne, Melbourne, Australia
05
Bad Hair Pavilion - Precedent Study 2015
Bachelor of Design Furen International School Singapore
09
Generating Design Through Digital Processes
2014
Singapore School Manila Manila, Philippine
25
The Floating Pavilion - Queen Victoria Garden Pavilion
Work Experience: No working experience on design related organisation. Awards / Exhibition: 2017
FOD:R Exhibition, AFLK Gallery
My motivation in design is purely from interest. Human beings are visual animals, in learning how to design is my assidous pursuit to achieve visual satisfaction. Of course, I do want to build up my own creativity and gather the skills that can help me develop my concept into reality too. I had learn numerous skills from Digital Design. Firstly, I has improved my Rhinoceros skills. My Rhinoceros skill before, unallowed me to create what I want to be visualized. Grasshopper and Unreal Engine were what I has incorporates tools in this subject, it was fresh to me, these program helped me to create much complex and calculated structures, and also supported me to represent my work better. Throghout the semester, there are some areas I can see myself that need to improve, I think I might need to study first the skills that requires in this semester so that I may not results with a lot of my work rushed towards the end and it absolute affects my final product. Moreover, I always have too much of ideas that I want to do, that waste a lot of my time in figure out each of my concepts, yet again rushed time out, causes my work to has the opportunity to be looked better.
Skills: Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication
3
4
Diagramming Design Precedent ----- Bad Hair Pavilion
5
Circulation 1:200
Threshold (Permeability) 1:200
6
7
8
Generating Ideas Through Process
9
Design Matrix
Lofts
1.1
{75,150,150}
1.2
{0,120,150}
1.3
{0,135,150}
Key
1.4
{0,150,150}
{60,150,150}
{0,0,0}
{67,150,150}
Attractor / Control Curves {0,30,150}
{50,0,150}
{0,0,105}
{60,0,150}
{150,150,105}
{150,30,150}
{120,0,150}
{150,30,150}
{0,50,150}
{0,30,0}
{0,0,45}
{120,150,0} {150,120,0}
{150,100,0}
{0,0,0}
{0,60,0} {150,0,21}
{150,90,0}
{113,0,0}
{150,15,0}
{60,0,0}
{150,45,0}
Paneling Grid & Attractor Point
{Index Selection}
{Index Selection}
{Index Selection}
{Index Selection}
2.1
2.2
2.3
2.4 {-21,247,26}
{150,145,80}
{123,-30,114}
{255,-142,128}
Paneling
{Attractor Point Location}
{Attractor Point Location}
{Attractor Point Location}
3.1
3.2
3.3
{Attraction point location}
+
+
+
10
Attractor / Control Points (X,Y,Z) Grid Points
+
+
+
Surface and Waffle Design Matrix 1:5 Perforations on one face control the direction in which light can enter the volume.
Panels are smaller at the right top and increase in size towards the left bottom of the volume.
Perforations are decrease in size from the top of the left to the buttom. That allow variations in the amount of lights entering the space.
Perforations are increase in size from the top of the right to the buttom of the left.
A hollow waffle structure allows for the creation of an interior volume.
Exploded Isometric 1:1 0
20
60mm
11
I used the grasshopper skill to cretae surface iteration. Then my two panelled surfaces are made up with 2D and 3D respectively. The 2D panelled surface was designed to allow directional lights to pass through, in contrast, diffuse light for 3D panelled surface. The waffkle structure was formed from the two surfaces, which could also called skin, to support its panelled surfaces as well
Computation Workflow
Task 01 Grasshopper Script Showing input - associate - output
12
13
After finish the final design, I has unrolled the 3D and 2D panels. For both my 2Dand 3D skin laser cut, I add tabs for connect the panels from each another. In addition, I create etchings that helps me to fold it easily, which is in color red. In addition, I use black color lines to shows that the lines will be laser cutted.
14
15
16
17
SOLID AND VOID Using a consistent 30 degrees to cut. The concave can also be interpreted as space. The reason I choose these torus to develop and 3D Print is because I want to design a place that people could enjoy the various kinds of lights and shading. Furthermore, in order to make a contrast between the specific spaces which created from two or more torus with the torus that totally no intersect with other , I intended to make some torus to intersect, in order to shows much more smooth and rounded in my matrix. I used a consistent of 30 degrees of rectangle box to cut it, in order to
Intersections that do not interact with the surface envelope create heavier darker spaces.
create some semi-permiable area for lights to penetrate , at the same time sheltered area it presents. Furthermore, intersections that do not interact with the surface envelope create heavier darker spaces. Moreover, I use a box to cut through the model is to create a concave, which can also be interpreted as an outerspace.
Intersections that do not interact with the surface envelope create heavier darker spaces.
Axonometric 1:1 Solid boolean using 3.2 morph itteration. 0
20
60mm
18
Design Matrix
Grid Manipulation
1.1
1.2
1.3
Key
1.4
{0,0,0}
{-145,113,83}
Attractor / Control Po
Attractor / Control Cu Grid Points
{39,86,51}
{134,86,76}
{36,55,28} {230,222,11}
{-24,-134,-71}
Surface Transformation Surface Boolean
{Curve Attractor}
{Point Attractor}
{Random Attractors}
{Multiple Points Attractors}
2.1
2.2
2.3
2.4
{Sphere Transformation}
{Platonic Polygon Transformation}
{Cylinder Transformation}
{Torus Transformation}
3.1
3.2
3.3
Design Matrix 1:5
19 Using a consistent 30 degrees to cut.
{36,55,28} {230,222,11}
{-24,-134,-71}
{Point Attractor}
1.3
{Random Attractors}
Key
1.4
{0,0,0}
{-145,113,83}
Computational Process
{Multiple Points Attractors}
Attractor / Control Points (X,Y,Z) Attractor / Control Curves Grid Points
2.2
2.3
2.4
Key
1.4
{0,0,0}
{-145,113,83}
Attractor / Control Points (X,Y,Z)
{230,222,11}
Attractor / Control Curves Grid Points {Random Attractors}
{-24,-134,-71}
{Multiple Points Attractors}
{230,222,11}
2.3
{Platonic Polygon Transformation} {-24,-134,-71}
{Multiple Points Attractors}
2.4
{Torus Transformation}
3.3
Bake out first the torus shapes then boolean it on the box created before.
Firstly, subdividing a 150x150x150 mm bounding box into 9 cubes. Follow by using types of attractors, such like point attrators, curve attractor and random attractors, to manipulate the grids of the box. That could be transform the shape you choose to different size and different location within the box.
3.2
2.4
{Cylinder Transformation}
{Cylinder Transformation}
Task 02 Grasshopper Script Showing input - associate - output
{Torus Transformation}
Select the shape that you would like to boolean out, for me, I used torus.
3.3
{Torus Transformation}
20
M2 Task 2 3D Printing
Image of your final model or other process
Task 02 3D Printing Makerbot Screenshot after calculation. Front
Image of your final model or other process
Place in makerbot the final project and arrange into the the way to develop in least time.
21
Back
22
23
24
As the name, this a floating pavilion. I use glass as the floor plane material that allows people to be abled to see directly the water below, and can experience a feeling of floating as an astronaut. Furthermore, the step-down staircase creates a seating space to allow for viewing the performance inside the pavilion. In addition, it serves as the thresholds and for lunchrtime seminar too. All of the threshold is in different size, to provide some extra enjoyment for all ages. Columns were designed in purposes to support the pavilion, create a shelter for people. Yet, it can also serve as a to avoid some of the noise , that provides a better place for the performers. The interior’ s floor is also made by glass, because I intended to make it looks site specific and a place that definitely interesting.
THE FLOATING PAVILION
25
oject Name
M3 - Project Name
Isometric
The main entrance./ threshold
The entrances The Circulation.
Yizhen Cai - 921679
The main entrance./ threshold
The entrances The Circulation.
Yizhen Cai - 921679
Glass surface allows people to experience the view on the top of the water
Water The step-down creates a seating space to allow for viewing of performances inside the pavilion.
Glass surface allows people to experience the view on the top of the water
The step down creates a threshold helping to differentiate the landscape from the pavilion itself.
Water The step-down creates a seating space to allow for viewing of performances inside the pavilion.
The step down creates a threshold helping to differentiate the landscape from the pavilion itself.
Exploded Exploded Isometric Isometric 1:25 1:50 0
500
1500mm
26
b ur
an
no
ise
Concept Diagram
ur
ba
n
no
ise
27
Design Iteration
I like the lights passed through from the passway, but it is too simple
I reaaly like the random blocks that it formed, but it is too heavy too support the model.
I like the parts of glass that allow the light to pass in, yet it is floating so the model might be too heavy
I like how it looks like a flower that still opening, but it is hard to stand the model.
28
I like it looks complex, but I was tinking I had saw something like this before.
I tried to apply in grasshopper that I learn from the waffle structure, I like it, but it need time to design out it circulation, threshold and so on.
29
Photos of the Pavilion There is a thing I would like to mention after I take the photos. Occasionally, I found that the three columns inside are not only play as an staircase or a suppoters of the pavilion, but also can be used in controlling the strong winds to used in the site. Maybe nexttime I could do more carefully study and analyse on the building things that might affect the winds. I believe it is possible to give clean air within by invented a specific microclimate.
30
31
Computational Process
Grasshopper Script Showing input - associate - output
Kangaroo.
I used Voronoi to create 200 small panels in the beginninng.
Through explode, then wbWeave. This is the first what I done for my I finised the entire pavilion in using my grasshopper tools
32
pavilion, I then combined with the potential of voronoi.
Fabrication process
I used laser cut in my landscape design, since I only found white mountboard 1.0 mm that the fab lab still has stocks, I laser cut each layer by the multiple of the distance that I had designed in the rhino model, in order to be similar with it..
33
360 Image Output
Digital Design Semester 1, 2018 34