Digital Design - Portfolio Semester 1, 2019 Justin Wang
955850 Joel Collins + Studio 15
1
Justin Wang email: haoqi@student.unimelb.edu.au Phone: 0450645608
Education: 2018 - current
Bachelor of Design University high School
2019 - Current
Harvard University Architectural Imagination EdX
Work Experience: 2019
Zhengzhou Architecture Design Firm Intern
Awards / Exhibition: 2017 Skills: Rhino Grasshopper
Reflection:
Content:
As a designer, being able to take part in making something that serves the better interest for all human society, gives me a life passion and purpose. Architecture especially fuses our culture, knowledge, technology and history in its forms. The problemsolving nature and conceptual ideology always fascinates me, the immensive passion and interest for design is what drives me to keep going in this long-lasting journey.
03 Module Precedents Diagrams
Through studying at uni across different courses, I have accumulated a range of skills in different aspects. From conceptual thinking, presentation skills, software uses, and architectural sense in general.
Illustrator Indesign Model Making
Module 2 - Task A Design Analysis
Diagrams
Model Photos
13
Module 2 - Task B
Design Studio Alpha Exhibition, MSDx
Design Analysis
I wish to persue this career and be one of the arhitects that not only serve purpose but make changes. I aspire to run my own architecture&design studio in the future and earn clients’ trust and respect.
Diagrams
Architecture requires a lot of patience, precision and time. So time management is very important in order to do well in this field. Always looking back to history and keeping an eye on the
Diagrams
Model Photos
22
Module 3
Unreal Photoshop
05
news to really understand architecture or design in a sense that best serve its purpose.
2
1
Design Analysis
Renders
Model Photos
Week One
Diagramming Design Precedent
Precedent Analysis
Top Left: Modelling three spheres from the data given on the picture in plan view. Top Right: Modelling a 8m x 8m x 4m cube and ‘boolean difference’ the spheres out. Bottom Left: Projecting the curves on the curvature to create ribs.
Fig. 1 Saieh, Nico. 2012. Venice Blennale 2012: Radix / Ares Mateus. Archdaily. https://www.archdaily.com/267567/venice-biennale-2012-radix-aires-mateus/bnl_aima_10
When modelling this Pavilion, I first used ‘Picture’ command in rhino and put the instruction pictures in. I modelled the spheres and the cubic box. Then I used ‘Boolean difference’ tool to hollow out the volume to get the basic shape of the pavilion. To model the ribs on The simpleI geometric shape of itcommand leaves the people with freedom curvature, used ‘ArrayPolar’ to generate a cycle of 32 curves and project on to the curvature. to use the structure as they please. The hollowed out spherical void under the cover of a massy solid creates soft thresholds. The varying heights and scales of the spherical space also creates varying sense of privacy and allows for divergent uses in the space. 3
Isometric of your precedent study
3
Week Two
Diagrams
Diagram 01
Diagram 02
Circulation
Threshold
The circulation diagram shows the movement of people through the Radix pavilion which is determined by the structure of the pavilion. This informs us the usage and functionality of the pavilion.
Soft thresholds are created by the inner domes. Different heights forms different extent of privacy and accessibility. The spherical cut-outs are shown to help understand the structure and suggest the void space.
6
4
Module 2
Part A: SURFACE AND WAFFLE STRUCTURE
5
3
Design Matrix
Lofts
1.1
1.2 {105,0,150}
{0,0,150}
1.3 {150,0,150}
{75,150,150}
{150,150,135}
{90,0,150}
Key
1.4 {30,30,150}
{0,0,0}
{150,45,150} {105,0,150} {90,150,150}
{0,0,105}
{0,0,120} {150,0,105} {0,0,75}
{150,0,0}
{0,150,45}
{75 ,0,0} {0,0,0}
{75,0,0} {0,75,0}
{150,150,0}
{60,0,0}
{0,0,0}
{150,150,0}
{0,150,0}
{0,150,0}
{0,150,0}
{0,0,0}
{150,150,0}
Paneling Grid & Attractor Point
{Index Selection}
{Index Selection}
{Index Selection}
{Index Selection}
2.1
2.2
2.3
2.4
{134,130,110}
{196,68,86}
{-36,68,118}
{40,30,30}
Paneling
{Attractor Point Location}
{Attractor Point Location}
{Attractor Point Location}
{Index Selection}
3.1
3.2
3.3
3.4
+
6
{45,150,0}
{0,0,0}
Attractor / Control Points (X,Y,Z) Attractor / Control Curves Grid Points
SURFACE AND WAFFLE STRUCTURE Surface Creation
The top surface provides cover for the pavilion creating a sense of secure and privacy. It also blocks sunlight serving as a shelter for the people to rest under.
People can lie or sit on the tilted bottom surface. The curvature gets steeper as it goes up and less accessible it is.
I tried out with different shapes and positions of the surfaces to see spaces they generate. The first iteration has an intersection of the two surfaces enhencing the interactions and coherence between two surfaces so that it creates an enclosed feeling to the pavilion. The shadows casted by sunlight will also form a soft threshold. People will intend to stay under the shades more.
The second iteration has twisting surfaces and a common point. It creates an interesting space and sense of enclosure when being inside the pavilion as one side the surface is overarching to cover the people the other side is opening itself up the the sky.
The bottom surface also creates a shelter for a private space. The lower space can be accessed by Children to play.
Surface 3
The surface at the bottom lies on the ground forming a threshold for the visitors to this pavilion.
6
7
The third iteration I tried to put three points on the ground so that it can support itself on its own. Threshold is created on the edges of the bottom surface. The top surface provides cover for the pavilion to make the space feel more private and secured.
Isometric View
My panelling is comprised of 14 different geometries as basic reference at-
The waffle is comprised of horizontal and vertical fins. 8 for each side. The nu-
tached on the final surface I chose from all my iterations. Using “dispatch” com-
meber of fins is just enough to support the structure and maintain the shape of
mand in grasshopper allowed me to break up the 25 grids and “list item” them
the surfaces. The waffle leans on one side towards the ground as the one of the
to select desired grids. Attractor points have also been a key to my panelling as
surfaces is designed that way.
it creates variations in height and direction of the panels.
7 8
Paneling
3.1
3.2
3.3
3.4
+
SURFACE AND WAFFLE STRUCTURE Matrix and Possibilities
I wanted to create a structure that explores thresholds and circulations. Using the power of grasshopper, I was able to create something complex and to some extend, unexpected but yet with controllability. I used 14 different individual shapes to fill out my 50 grids on the two surfaces. Point attraction was used to generate a 2D-3D effect where the attraction points are on the top and all the panels would just lean toward the attractive points. Most of the panels have wholes which allow sunlight to shine through as the same time provides shading. The waffle structure is specially created to connect the two surfaces. As the grids on my bottom surface do not align with my top surface, I have to compromise the alignment of the waffle with the bottom surface to achieve the effect I wanted. As a result. The waffle holds the two surfaces just fine. 2D and 3D shapes are arranged in a way which gradual transition from bottom to top is achieved rather than a severe change from 2D to 3D. This is for aesthetic purpose as well as protecting people from getting hurt by 0
20
60mm
SCALE BAR 1:1
10
9
Computation Workflow SURFACE AND WAFFLE STRUCTURE Surface Creation
In order to create surfaces with different curvatures and shapes, I used grasshopper to generate a box(150,150,150) and divide each line of the cube to five points.(“Divide Curve”) I listed four points(“list item”) for each surface and loft(“loft”) them to create surfaces. By using “number slider”, I can easily adjust the edges and select points to vary the surfaces.
4
10
SURFACE AND WAFFLE STRUCTURE Laser Cutting
The first time when I printed it, there were some being cut where it is supposed to be etched and I figured out that I had duplicated lines on the etch lines. So the lazercut machine recognises the lines twice on the same
Dashed lines are used so that it could be folded both ways.
local and cut it twice. So the next time i printed it. I used “SelDup� to check and delete duplicated lines. There are also some panels that were unrolled together with their adjacent panels. The line that connects those panels are supposed to be folded the opposite way as the other lines. Still using etch will be a bad option. So instead I used dashed lines so it could be folded both ways. The reason why I did not use dashed line for every etch is because I think a clean continuous etch will look better aesthetically than dashed lines.
Etches Cut Dashed Lines
8
11
Task 01 Full Page Photo
12 11
Task B Part B: SOLID AND VOID
13 15
Visual Scripting of Parametric Model
I started with a bounding box and generate a 4x4 grid with “Deconstruct Brep”. Then I used “Points Attraction” to make variations of the grids. With the help of weaverbirds and lunchbox, I was able to create extremely complex geometries to cut the solid with. The number slider connected to weaverbird/lunchbox allowed me to vary the geometry further to achieve desired complexity. “Boolean difference” is then excuted in rhino to cut the solid.
16 14
SOLID AND VOID Surface Creation
Task 02 Full Page Photo
3D Model 1
3D Model 2
3D Model 3
After “Boolean Difference” the 150x150x150 solid, a 50x50x50 cube is made and put inside the cut geometry. With “Boolean Intersection” I could get very different results. Trial and error was kind of the method for this because of the unexpectedness of the results. Different geometries can have different thresholds and circulations. The standard which I based on when chosing my geometry.
15
17
SOLID AND VOID Isometric view
The geometry is cut by multiple varyingscaled polygons, which creates complex and random voids in the solid volume. This combination is likely to form a “pavilion” or “envelope” geometry when “Boolean Intersection” with the 50^3 cube. It is also likely to create large open space as public space. Thresholds and circulations can be seen through the porosity and permeability of the geometry. The different scales of the polygons being cut provides variations for possibilities of the outcome. There could be smaller wholes cut on the 50^3 cube where the smaller polygons are at and larger space would be created where larger polygons are at. New thresholds could be created at the intersections of those polygons.
16 19
RED = Final File Size/Bleed Line BLACK = Page Size/Trim Line
Point Attractions
1.1
1.2
1.3
1.4
Key {0,0,0}
Attractor / Control Points (X,Y,Z) Attractor / Control Curves Grid Points
Geometries Boolean Difference
{Point Attractor}
{Point Attractor}
{Point Attractor}
{Point Attractor}
2.1
2.2
2.3
2.4
{Attractor Point Location}
{Attractor Point Location}
{Attractor Point Location}
{Index Selection}
3.1
3.2
3.3
3.4
Task B Matrix Task B matrix shows different experimentations with the attractor points, geometries created by plug-ins(weaverbirds and lunchbox), geometries after it is being cut by using “Boolean Difference�. Different geometries create different kinds of porosity and permeability. The experience of visitors is also different. Having that on the back of my head, I would choose the most interesting space for people to be in at changable scales.
17
MAGENTA = insert artwork in this area
SOLID AND VOID Matrix and Possibilities
Angled surfaces
The top surfaces form
serve as walls and
watch platform and open
form thresholds
to the sunlight and nature
Sunligh can come in through this gap
Threshold is created at the entrance
People can lean on the walls to rest
Thresholds 0
20
60mm
Circulations
SCALE BAR 1:1
18
21
SOLID AND VOID
Photography of Model
By experimenting with different scale of the people, I was able to visualise the scale of pavilion and decide which works the best. The pavilion should be at an appropriate
Scale 1: Large scale, a sense of grandness and solemnity
Scale 2: Small scale, a sense of intimacy and privacy
size which could accomodate a group a people to interact and do exchange activities in side or on top. At the same time, it should be not that large so it feels intimate and private for the visitors. A sense of secure is created at a smaller scale while a sense of grandness and solemnity is created at a larger scale. I wanted it to be a casual cozy attraction pavilion for people to come and rest or go by rather than a prodominent geomtry that feels cold and serious.
Scale 3: medium scale, appropriate privacy and open space
Scale 4: Tiny scale, daily objects, (sofa, chair, bench)
19 23
This is my final 3D model. The concept is to explore thresholds and openness. The geometry is created by “boolean intersection� a 150^3 cube that is cut by multiple weaverbirds pyramid polygons. Pyramids interlock with each other and create sense of porosity and permeability. The edges naturally form thresholds making different planes of surfaces. With attrator points being used, the pyramids cut out different angles of surfaces forming interesting structural form. Thresholds are once again generated upon the accessibility of the planes. Some are too steep to be floorplane, some cantilevers and overaching forming a spectating platform. The space is experienced on multiple levels and different openness. People go through a threshold when entering under the pavilion. A sense of enclosure and privacy is created while a large open space is formed at the top. Visitors can choose to stay under the pavilion away from the sun and rain or go up to enjoy the sunshine. The bottom space is more private and the top surface is more communal. The scale is finalised to comply my design intension which it stands at a medium scale.
Final 3D Model - Appropriate scale
24
20
M2 Task 2 3D Printing
21 export the stl file from Rhino to makerbots and submit to 3D print. I flipped the models to make them print with as little support as possible and
T h e
My concept is to explore biophilic forms through observing features of natural elements such as insects, flowers, trees and leaves to emerge with the surrounding natural lanscape and achieve a harmonic integration of built environment.
G r a s s h o p p e r
The surrounding landscape provides more space for the audience outside of the 5*5 m^2 pavilion which satisfy the inhabitation brief for both the lunchtime seminar and an evening quartet performance. The ground is divided into sections and guides circulation to go around the pavilion and appreciate the landscape. The panels are made out of wood and the ground is mainly natural rocks to better blend in with the nature. The materials make people to walk and sit casually anywhere and feel the natural landscape.
P a v i l i o n 22
Isometric
23
Design Iterations
I took inspiration from natural elements, trees and branches. The design was too literal in terms of its form though.
The design uses soft streamlines and curves which mimic natural characteristics. Glass material for permeability.
24
The pavilion took inspiration from grasshopper and used biophilic approach to design.
Grasshopper Scripts
25
26
27
28
29
30
31
32
33
Fabrications 3D Powder Print Lazercut
I used lazercut for landscape to vary the material from the pavilion which I used powder 3D print.
3D Powder Print
The powder 3d print was chosen for its clean print with no support that can be hard to remove but as it turned out it broke into pieces which I had to stick them one by one showing the immaturity of this technology.
34
360 Image Output
Digital Design Semester 1, 2019 35