D I G I T A L
D E S I G N
P O R T F O L I O
C h r i s t i a n
1
W o n g
M i c h a e l
M a c k
S t u d i o
4
-
C O N T E N T S
3
A B O U T
M E
T h r o u g h
4
P R E C E D E N C E
th e
th r o u g h o u t
S T U D Y
s i g n ,
th e
tas k s D i g i tal
8
G E N E R A T I N G
T H R O U G H
D E S I G N
D I G I T A L
n e w
C E S S E S
i n
s o f twar e
p ar am e tr i c
P R O -
e xp l o r e s
p r o g r e s s i o n
i n g
D e-
p o r tf o l i o
c h r o n o l o g i c al l y m y
s e t
l e ar nan d
th i n i k i n g
we l l
as
d i g i tal
ti o n
to
p r o d u c e
as
f ab r i c a a
f i n al
p av i l i o n .
2 2
E N T I C I N G
S I O N
P R O P U
I t
i s
f i n i s h e d
s o n al
P A V I L I O N
tas k s .
2
wi th
r e f l e c ti o n
a
o n
p e rth e
cont a ct : wo ng chris t ia n3 @g ma il. c o m
E D U C A T I O N S K I L L S 2016 Christ Church Grammar school (high school)
R h in o
2017-current Bachelor of Design
G rassh o pper
at The University of Melbourne U n real
WORK EXPERIENCE/VOLUNTEERING
E n gin e
I llust rat o r P h o t o sh o p
2015-current Farmer Jacks, checkout,
I n design
currently only during study breaks
2014-2016 Subiaco church sunday school
M o del
M ak in g
assitant 2014-2015 Lake Claremont environment
Sk et ch in g
redevelopment through school
P ain t in g
2017 Carton Primary, teaching assistant
P h o t o graph y P y t h o n
RECENT AWARDS/EXHIBITIONS/DESIGN EXPERIENCE
C HTM L/ CSS E xcel
2016 Art Mural Co-ordinator for school faction 2016 Artwork displayed in WA Gallery (AGWA)
for Year 12 Perspectives
2017 Set design team for ICAC play 2017 work in FOD:R Exhibition, AFLK Gallery 2017/18 Creative Director Melbourne
University Taiwanese Association
3
P R E C E D E N C E
S T U D Y
:
S E R P I N T I N E
S U M M M E R
H O U S E
The Serpintine Summer House (2016) by Barkow Leibinger, is a flowing pavilion created by curved wooden panels. It creatively encourages the audience to appreciate the landscape by creating seating directed outwards. The threshod into the pavilion is defined through the shadows
4
created by the upper level.
PROCESS 3-D MODEL FROM DRAWINGS
Original drawings
Drawing baked out
traced on in Rhino
of Rhino and edited
into a 3-d model
on Illustrator.
Threshold study
Relate shade =
Overlay shadows to
from orginal im-
a major factor in
create a shadow
ages
thresholds created
desnity diagram
Original drawings UNDERSTANDING TRESHOLD
5
OVERVIEW
When drawing the pavilion you begin to understand the intricacy of fabricating a design. Leibinger has managed to create a design that on the exterior looks like a continuous line but is made up of segmented parts. The distinguishment in thresholds were created through the shadow that was projected onto the ground shown in the exploded isometric diagram. I learnt how to produce circulation, threshold and exploded isometric drawings.
ISOMETRIC
6
I NLET
PRODUCING
MORE SHADE
S HADOWS O VERLAPPING DARKER 8 AM , 12 PM , 4 PM
D ARKER
AREAS
OFFER
GREATER AFFORDANCE
CIRCULATION DIAGRAM
EXPLODED ISOMETRIC AND THRESHOLD DIAGRAM
7
G E N E R A T I N G
D E S I G N
T H R O U G H
D I G I T A L
T A S K
P R O C E S S E S
1
The add-on grasshopper in Rhino allows us to program visually to create programs that produces iterations of forms that can be altered and fabricated. There are two tasks which make up this module.
8
COMPUTATION WORKFLOW
SURFACE EXAMPLE
A single panel is created by 4 points that are joined together. The points are chosen from 4 edges of a cube. SURFACE CREATION CODE
PANEL EXAMPLE
PANLEING OF THE SURFACES
DISPATCH EXAMPLE
Then using different attaractor
The use of the dispatch function was
points (in this case a curve) the
key in creating one of my panels. It
grid that is created form the orginal
takes a data structure for input and
surface is copied and offsetted. A
splits it into two sperate data struc-
referenced panel is then repeated
tures.
into the two grids creating an overall panel.
9
COMPUTATION WORKFLOW
WAFFLE STRUCTURE
GRASSHOPPER CODE FOR WAFFLE STRUCTURE
WAFFLE STRUCTURE
NAMING AND LAYOUT OF WAFFLE
A waffle structure is created be-
The peices for the waffle structure
tween the two surfaces by first cre-
are singularly layed out and la-
ating a series of lines which project
belled, Ready for laser fabrication.
perpendicular off the surface and then combine with segmeneted horizontal elements.
10
DESIGN MATRIX
Floating effect exploration, compromise made for in final panels for buildability.
1.1
1.2
1.3
1.4
First panel: using different attractor types to find the suitor to the valley effect. Accompanied by triangular panel exploration which further emphasises the valley form.
2.1
2.2
2.3
2.4
Panel 2: Use of Weaverbird Picture frame and dispatch ti create diverse paterns. Accompasnied by further panel exploratioins.
3.1
3.2
3.3
3.4
Design Matrix Not to scale.
Despite the alternating different panels the overall panel is constructed by unrolling five lenghts of five smaller panels, making it easy to assemble.
11
ure frame paterns. Acxploratioins.
Design Matrix Not to scale.
SURFACE AND WAFFLE
Despite the alternating different panels the overall panel is constructed by unrolling five lenghts of five smaller panels, making it easy to assemble.
Panels have been warped in size to create a diagonal “valley� like effect. Smaller sized panels occupy ther middle whilst larger panels permimeter the outside.
Small triangualr holes are cut into the panels which emphais the opposing directions the panels are facing as well as creating some transparency in the panel.
On one side of the waffle structure I tried to achieve a valley like effect. The The waffle structure has flat sides which allows it to rest on its side; Creating a tunnel like experience.
other, used alternating panels to create a strong contrast in the panel and are perferated with small
EXPLODED ISOMETRIC
Exploded Isometric, Not to scale.
holes. The waffle structure was made to be able to stand on different sides which created different
12
perspectives.
LASER CUTTING AND FABRICATION
FABRICATION
NAME TAGGING/LAYOUT
LASER CUT PREPARATION
13
PANEL 1, SMALL OPENINGS, ALTERNATING PANELS
PANEL 2, VALLEY LIKE EFFECT
14
15
WAFFLE HIGHLIGHT SHOT
G E N E R A T I N G
D E S I G N
T H R O U G H
D I G I T A L
T A S K
P R O C E S S E S
2
16
COMPUTATION WORKFLOW
WARPING THE CUBE CONTROL POINTS THROUGH ATTRACTOR POINTS
A set of attractor points are randomly generated in a box. The control points of the cube are attracted to these points creating these interesting forms inside through manual dissection.
3D MODEL CODE
A copy of the original object is projected onto one of the sides of the object, this is repeated until a large form is created.
ITERATIVE ADDITIVE PROCESS
17
ITERATIVE ADDITIVE PROCESS
DESIGN MATRIX
18
SOLID AND VOID
3D MODEL ISOMETRIC
When creating task 2, I begun by creating a triangular form by warping a cube using attractor points. The attractor points were randomly generated thorugh a volume that increased as I created more iterations. I then focused on building up the form using an additive process which repeats a form on itself simliar to recursion or fractalz. I then reversed it by subtracting the form from a cube which gave the final form. The 3-D printed model is an eigth of the final isometric.
19
3D PRINTING AND FABRICATION
The rhino mesh is imported into a makerbot program which then calculates the time and material required and prepares it for 3d printing.
MAKERBOT POST CALCULATIONS OF 3D PRINT
20
3D PRINTED MODULE
21
E N T I C I N G
P R O P U L S I O N
Enticing propulsion, is a play on light and overlapping moments as well as an attempt at creating an etheral upwards feeling. The audience is enticed towards the pavilion through warm lights that emit from withing the pavilion.
22
COMPUTATIONAL PROCESS
ONE SEGMENT OF REPEATED CODE
Following the additive code from last module I created a simple program that creates three of different sizes of a shape that is the same form (trangular prisim without the bottom). This form is then manually copied 3 times to and rotated/positioned to create the pavilion.
PAVILION FORM CODE AN EXAMPLE OF THE OUTPUT COMBINING 3 OF THE PRISMS.
23
COMPUTATIONAL PROCESS
To create the perforactions of the panels, drawing inspiration from weaverbirds picture frame, I copied the object and scaled it down. Using these points I projected lines to the top point from points on the bottom edge which were evenly distributed. After VERTICAL SEPERATIONS CODE
VERTICAL SEPERATIONS EXAMPLE
baking the lines out, I trimmed out alternating holes in Rhino.
CREATING THE CHAIR
SAME PARAMETRIC CODE USED.
ITERATION DEVELOPED
ITERATION MODIFIED TO SUIT SEATING CONDITIONS
24
DESIGN ITERATIONS
ITERATION 1
ITERATION 2
ITERATION 3
THIS DESIGN HAS GOOD OPPORTUNITY TO PROVIDE
THE DESIGN OFFERES A CLEAE CENTRAL SPACE AS
THIS DESIGN HAD A VERY INTERESTING UP-
SHELTER FOR A LARGE NUMBER OF PEOPLE AS WELL
WELL AS A WIDE OPEN ACCESS POINT, IT HOWEVER
WARDS EFFECT. I WAS ABLE TO MODIFY THIS
AS HAVING AN INTERSTING OVERARCHING APPEAR-
IS FAIRLY UNEVOCATIVE IN EXPERIENCE COMPARED
ITERATION EASILY TO AND IT WAS ABLE TO FIT
ANCE. IT DOES NOT FIT WELL WITH THE BOUNDS
TO THE OTHER TWO.
THE BOUNDS OF THE REQUIREMENT. I THEREFOR
GIVEN AND THEREFOR WAS NOT USED.
CHOSE THIS DESIGN.
25
LANDSCAPE
LOWERED ENTTRY WATER BODIES TO CAPTURE AND EMPHASIZE PERFORATED LIGHT
RAISED ENTRY
SIDE PATHS
SPOTLIGHTS
MAIN ENTRY LEVELED GROUND
26
FABRICATION PROCESS
LASER CUT
CLEANING OF THE PEICES
GLUE TOGETHER/ FOLD
SPRAY PAINT
LASER CUTTING FILES
27
M3 - Leaning Threes Pavilion
ISOMETRIC Key Circulation paths Intended high traffic circulation path Warm light from seating light
The path is lowered to create a low to high angle viewpoint when entering from thei entrance. A small path connects the lowered path with the raised path, from this small walk the viewer experiences a close up of the panels overlapping each other.
The chairs are created with the same parametric program in grasshopper but decreased in scale and 1/3 has been chopped off.
The entrance on this side has been raised to create a high to low angle shot view point of the pavilion.
Internal lightning inconjunction with the vertical perferations on the panel create create “rays� of light on the water.
Christian Wong - 915394
Warm light lights up the interior of the pavilion encouring people to enter it from afar, and overcome the cold steel exterior.
When circulating the space overlapping moments are created as you walk past them, the landscape encourages movement around the pavilion to exhume this.
Parts of the main entrance have been cut increasing ceiling height. Construction of panels shown through an explodoed diagram.
The main entrance has been kept level to allow for easy access.
Spotlights create shadows inside the pavilion as well as light the outside panels up. The forms are made from the same parametric program as the pavilion then scaled down.
Exploded Isometric 1:25 0
500
1500mm
28
RENDER 1 - EASY ACCESS ENTRANCE, EX29
PANDED OPENING AND LEVEL GROUND
RENDER 2 - DETAILING OF THE MATERIAL AND 30
INSIDE LIGHTING AS WELL AS RAISED EXPERIENCE FROM THE RIGHT ENTRANCE
RENDER 3 - SHOWS THE LOWER ENTRANCE 31
AND THE SIDE PATHS THAT CIRCULATE AROUND THE PAVILION
WARM AND COLD LIGHT 32
MID SHOT
DRAMATIC SHOT - FOCUS ON 33
SHADOW AND WARM LIGHT AESTHETIC
34
CLOSE UP OF LIGHT DETAILING
360 IMAGE OUTPUT
35
R E F L E C T I O N
SKI L L S
D E V E L O P M E N T
My designs involved a combination of man-
R h in o
ual and iterative designing. By doing so I G rassh o pper
was able to add a personal artistic influence on each design. The main ideas that
I llust rat o r
were repeated through the modules was the creation of form through an addtitive
P h o t o sh o p
process, repeatition in threes, and a triangular form.
I n design U n real
I need to improve on expanding into more experimental wild forms and keeping per-
Pa ramet ric
t h in k in g
haps toning down the urge to keep the D esign
design constructable to create something that is more unqiue and then from there
lay o ut
F abricat io n
work out how to construct it.
P h o t o graph y perceived
impro vemen t den o t ed
36
in
-