Digital Design - Portfolio Semester 1, 2018 Yupeng GAO/David 1 978292 Joel Collins_Studio 15
Content:
Reflection:
03
Precedent Study
05
Generating Design Through Digital Processes
18
Queen Victoria Garden Pavilion
The complexity, ambiguity and diversity along with sensational and emotional experience is always the main goals of my design, which is also the aspects of design that fascinates me the most -- you can never achieve a “good design“, there is only “the better one“; Design is a journey that is never ended with infinite possibilities and excitements behind it. The beauty of the never-end drive me move forwards and I will never stop. The Ambiguous complexity in my design can be shown by a large variety of shapes, forms, spatial quality and even concepts, such as the rotatable 3 different surfaces/panels of my M3 Project creating infinate possibilities of experience for audience, which I
Education: 2017 - current Bachelor of Design 2014 - 2016 Zhuhai NO.1 High School Work Experience: N.A.
supposed that diversity is the right way to fit more people’s need and adapt to the new rapidly-changing environment.
N.A
Awards / Exhibition: 2018
email: gao11@student.unimelb.edu.au / gaoyupengdavid@gmail.com Skills: Digital design has taught me so much not only in terms of technical knowledge and software, eg: grasshopper; unreal engine; rhino6 (unreal engine is my favorite software till now), it also push me and help me to develope a architectural thinking process which is extremely important in my future career. For example, learning the deep concept and proposal of successful arhchitects’ work in M1, digest it and convert into my own knowledge in order to apply to my own porject in M2/M3, which is a great and efficient learning process. The most improvement I should take is the model making skill and Grasshopper skills which although I made a big progress throught the cause, I am still struggling with it. I will deginately learn that in spare time and practice it for improvement.
Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication CAD VR/AR
2
Studio Alpha MSDx exhibition, MSD
M1_Diagramming Design Precedent
ZUMTHOR SERPENTINE PAVILION: A comtemplative spaces which evoke spiritual and emotional dimension of our physical environment and abstract the beauty of nature from outside world. The journey towards the centre, from path to corridor to inner courtyard, is a celebration of diverse threshold, inbetween space, subtle interplay with light and contemplative experence. I have learned the significance of light condition and changes when designing a specific experience and how it affects so many aspects of design includding threshold, circulation and even emotional experience. Moreover, the journey of approaching towards the centre has diverse but coherent and subtle experience design that clearly tells Zumthor’s intention and concept, which means the approaching process is also important in early design stage.
Isometric of Zumthor Serpentine Pavilion
3
Circulation & Threshold Diagrams
Transcendence Space
Structure
Transitional Threshold Occupation space
Circulation Paths
Pavilion Corridor
Threshold
Circulation This Circulation diagram provides a dynamic movement paths, not only shows the fluid and continuous nature of circulation, but also depicts the density of crowds. Occupation and comtemplative area around the park is also shown in relation to circulation.
Instead of just planar expression, this diagram emphasise the threshold spaces of spatial transition within Pavilion experience. The shift of light conditions and the fusion of darkness and brightness form a large space of threshold in corridor. Moreover, the celebration of light and nature in central garden which raise the emotional experience is also depicted by the rising atmosphere.
4
M2_Task1: Surface And Waffle Structure
5
M2_1 Surface Design Matrix
Lofts
1.2
1.1
{45,150,150}
1.3
{15,150,150}
1.4
{150,150,150} {0,150,150} {120,150,150}
{0,0,150}
{150,0,150} {0,0,150} {120,0,150}
{120,0,150}
{120,0,150}
{0,0,75}
{0,150,0}
{150,150,0} {0,150,60}
{150,0,0}
{0,120,0}
{0,0,150}
{150,0,135}
{0,90,0} {150,150,0}
{120,150,0} {150,150,0}
{0,150,0}
{120,150,0}
{150,0,0} {120,0,0}
{60,0,0}
{150,0,0}
{150,0,0}
Paneling Grid & Attractor Grid Paneling
{Srf Iteration 01}
{Srf Iteration 02 -- Wraping each other}
{Final Choice}
{Srf Iteration 04 -- Twisting to extreme}
2.1
2.2
2.3
2.4
{Point Attraction}
{Curve Attraction}
{Guassian Curvature}
3.1
3.2
3.3
{83,45,67}
Firstly, for lofting, the interplaying and interaction between two surfaces has been explored from average to extreme level. Secondly, different attraction methods are uesd for deforming the grids and also offsetting them. Lastly for paneling, borderless 2D openings and both triangular and quadrilateral openings on 3D geometries are explored in different composition. A great variety of patterns and experience are created by 6 selected modules in final meodel.
{Guassian Curvature + Curvae Attraction}
3.4
Key {0,0,0}
Attractor / Control Points (X,Y,Z) Attractor / Control Curves Surface 01 Grid Points Surface 02 Grid Points Final design choice Place where curvature is high
Combinations of Gradually opened 2-D Paneling
Combinations of both triangular and quadrilateral forms/shapes
Using quadrilateral forms in various height (offset heights are in reverse to final version)
6
Combinations of six 2D and 3D Forms with large openings and contrasts amoung each other
M2_1 Exploded Isometric SURFA
CE 01 Triangular forms and 3D dominant panels on Surface 01 give contrast to quadrilateral forms and 2D dominant panels on Surface 02
SURFA
CE 02 Srf 02 Horizontal Zoning Horizontal Movements Half-/fully closed quadrilateral skylight/diffused tubes for
2D
different light patterns: direct light and diffused light.
3D
3D
3D
2D
3D
2D
Light penetrates different shapes and sizes of openings -casting patterns of light and shadows inside the pavilion Triangular forms with side openings -- Create a
Srf 01 Diagonal Zoning
void pattern by the rhythm of negative space.
Diagonal movements Two rows of grids combine as one row of large openings -- Create framed
As being Inspired by Zumthor serpentine museum, exploring with the emotional experience evoked by changing light performance is the main goal of this task -- surface and waffle. Surface 1 has a rhythm of triangular shapes in diagonal direction with filtered light going through which creates fascinating patterns of shadows and light spots.
Contrastly, Larger framed openings and “light tubes� in quadrilateral and horizontal forms are creating both diffused light and framed view towards surroundings. Different light and shadows generate various thresholds while forming diverse circulation around the pavilion. Thecontrast between two panels also provide strong visual contrast for audience.
7
views towards outside landscape. Forms also follow the waffle ribs.
Exploded Isometric 1:2 0
40
80
120
M2_1 Computation Workflow
Generate cube and select points; connect points to get lines; loft lines into different surfaces. Choose a set of interesting surfaces which are twisting towards each other.
Offset grids: Attract original grids to a curve and then calculate the distance between the deformed grid points and one extra specified point on surface, which those datas will be then remapped into the heights for each offsetting of different grids.
Deformed Grids Curve attraction deforming grids into dynamic/fluid shapes: give visual strength and visual rhythmn.
Using different modules to panel onto the surface (Morph 2D/3D) using deformed grids and offset ones; Using List item to select the panels that are wanted and join them together.
Surface 01
Join for baking
Curve Attraction script
Script for selecting section Gaussian Curvature Analysis
Surface 02
“Valley“ area
Deformed Grids
Using List item to divide and select certain areas/grids of each surface so as to increase the diversity of panels.
Gaussian attraction for deforming grids into a centralised/tensional shapes: follow the curvature which will accentuate the panels forms along the curve later on.
8
Remap for various heights
In this way, a central “Valley“like topography will be created for placing 2D patterns and also emphasise the curve attraction features.
Combine different panels together to form a whole
M2_1 Photos of models Surface 02 Light penetration patterns
Exploring light-shadow patterns
Surface 01 Light penetration patterns
9
The use of Dashed line is essential for laser cutting. Setting folding lines for panels into dashed lines can largely help for assembling and folding physical models as it can be folded both inwards and outwards. In addition, setting one of the outlines into dashed line can hold cutted panels in place, preventing from falling off and missing. Glued two surfaces of panels
x0 x1
x0
x1
x2 x3
x4
x5
x6
x7
x8
x2
x9
x10
x11 x12
x3
x13
x4
x14
x15 x16 x17
x5
Surface 2 : hold with clips
Waffle laser cut nesting
x6
x7
x8
Testing patterns when light go through panels
Laser Cut Process
Gluing panels onto waffle
Panel laser cut nesting x0 x1
x2 x3
x4
x5
x6
x7
x8
x9
x10
x11 x12
x13
10
x14
x15 x16 x17
As for the constraint of laser cutting, the assembly stage takes relatively large amount of time comparing to 3d modeling and only planar components can be printed.
M2_Task2: Solid and Void
11
M2_2 Section Isometric Hexagon shape skylights can allow sunlight penetrates in and cast shadows so that creates ever-changing patterns Hexagon-shape side openings can frame outside views and aslo allow light penetration
As in taskA, an interplay of different treatments of natural light are explored in task B by using boolean method: framed view, diffused light, light -shadow patterns and illumination quality of space. Furthermore, what specific about this task is the void space that is surrounded by solid positive matters, which creates a sense of ambiguity and complexity leading to a creation of intermediary space whithin solid entity. A balance between chaos and order has been maintained through subtle controls of the scale and number of 3-D hexagon forms, the subtracting volume. By using this complex shape for subtracting volume, a large amount of protrusion, openings, up-anddowns and recessed space have been created which generates a multi-functional space, eg. seating, small gathering, sleeping or performing. The interlock of voids. The interlocking of voids creats permeability which owns a sense of coherence, fluidity and continuity, allowing audience to circulate freely through out the “pavilion”.
Coherent but zigzag/ups and downs paths creates permeability throughout space. A variety of both inner and outer openings strengthen the quality of Porosity which largely varies audience’s spatial experience
Section Isometric Drawing 1:2 0
40
80
120
12
M2_2 Design Matrix
Cellulation Variation
1.2
1.1
1.3
1.4
{277,135,6}
{42,82,6}
Centroid & Remap for Geometries generation
2.1
{Two points attraction}
Grid geometires build up
3.1
{42,82,6} 2.2
{Two Curve Attraction}
3.2
2.3
2.4
{Random attraction}
{One attractor point and one curve attraction}
3.3
3.4
For the iteration of cellulation, Point attraction, curve attraction and random attraction components have been explored and final iteration is following both curve and point attractor in different row of grids, which creates more variation of space. Moreover, the change of grids are the change of centroid as well as distance which will influence data of remapping, so enlarging the remap data difference will create more size variation. Lastly,as for boolean geometries, iterations cover aggressive, orderly, growing and organic shapes, where the most controlled one -- second 3.2 iteration will be further developed as fianal for its balance beKey tween order and chaos. {0,0,0}
Attractor / Control Points (X,Y,Z) Attractor / Control Curves Place where geometries meet
Spiky Pyramid come from one point
Hexagon shapes and geometries
Long “Branches� coming from one point
13
Organic/Dynamic iteration by Torus forms
Pavilion Form
Overhanging space Shadowed threshold
M2_2 Iterations and Diagram
Walls and openings Visual/Barrier threshold
Iteration 1
Iteration 2
Searching for a balance between solid and void is the main goal of my exploration. As in Iteration 1, too much space has been cut out where users might not be comfortable with this much exposure. As for Iteration 2, space is quite various and interesting but it might
Iteration 3 (A)
Uneven/recessed floor
be too much going on so be confusing for audience in terms of exact designed pogramme. However it will be good for larger scale. Towards the end of the exploration, iteration 3 shows a great balance between solid and void, where people can feel free and comfortable to circulate and occupy but not losing too much privacy.
Ground threshold
Circulation & Occupation
M2_2 Computational Process
Cellulation of Cube: Using Cellulate 3D Grid to divide that cube into various 3*3*3 boxes volume
CUBE Creation: using DOMAIN BOX
GEOMETRY CREATION Firstly get the controid of every box and then generate geometries (using Lunch box and weave bird) based on those points;
Baked and move it to rhino (*Boolean intersection will be done in Rhino)
Surface selection and Grids generation: Deconstruct Brep to shoose surface; use Surface Domain Number to generate grids and then move them in x direction 3 times so as to create grids for the whole cube manipulation.
GRID ATTRACTION:
Remap to create geometries:
Using Curve Attraction/ Point Attraction to manipulate grids layout in order to reconstruct the spatial layout in cube.
Convert the distance between different grids to some certain Points/ Curves into data which determines mainly the size and shape of the geometries generation.
15
M2_2 3D Print Process 3D print sets up. Yellow material is support materials/Green is actual 3D prints. Put flat surface onto the printing plate in order to reduce support materials usage which reduces time as well while keeping the surface clean without any support materials.
16
Iteration 1 as Sofa
Iteration 2 as large pavilion
M2_2 Photos of Models Exploration of Different Scale
Depending on the relationship between voids and solids, different iterations could be appropriate in different scales irrespectively. There is no absolute good or bad.
Iteration 3 as small pavilion
In conclusion, void is always co-exists with solid as it is only created around the form of the solids; while solid cannot be without void cause void is eventually the space people used and move around with. Reaching a balance between them is essential for designing space.
Project description: “Screens of Transience�, represents the fragmental but ever-changing instants of lifecycle by the ever-changing forms. It is a revolving space for diverse sound and light experience and a revolving space for contemplation in the rapidly changing moment. Three different rotatable screens/panels will create different functional space for various purpose in different arrangements and orientations -- Open or closed; public or private; Gathering or Seperating. Circular steps on ground create seats and spatial hierachy with threshold towards the centre, public to private, while shaping circulation to follow pavilion forms. Wood will be used in interior as close conncetion to natural environment while concrete as cladding to define visual and physical threshold around pavilion.
SCREENS OF TRANSIENCE
18
The extruded-up Landscape elements form physical thresholds layer by layer towards the central pavilion in order to differentiate the surroundings and pavilion space and also indicate the gradual hierachical changes of privacies.
M3 _ Screens of Transcience
The semic-circlular concrete steps create a seating space for viewing of performances inside the pavilion. They Also influence and shape human Circulation into a rotative/circulatory directions so as to lead audience to experience the pavilion in different angles
MIDDLE PANEL is visually translucent which filters the sunlight, views and noise and creates a semi-public space inside.
OUTER PANEL (exploded from the structure) is visually solid which blocks/reflects the sun heat, views and noise from the streets and creates a Private space inside. Fixed to face west in order to block the afternoon sunlight.
Mechanism details of Rotating Pavilion: Panels fixed into a rail with wheels underneath and this allow panels to move along the tracks on the steps.
Physical threshold Structure for holding the outer panels INNER PANEL: the inner panel is also rotatable which forms further/most private space on the site(inwards). Can be used as a shelter screen for performance preparation or other private activities. The louvre form filter the sun while allow breezes in.
The Step-downs create thresholds by level changes which differentirate interior and exterior of pavilion. They also forms seats for resting and lunch purpose. Meeting point of many circulatory paths create directional threshold which defines circulation direciton of individuals next move.
1
*Scenario 1_TOTAL PRIVATE SPACE: This exploded siometric view explains one of the three major scenarios: two opaque panels facing inwards which creates the most private space at the pavilion centere because most of the outside views and sun light will be blocked by them.
The Circular paths and seats are intermediary space between central pavilion and outside world, which not only leads audience the way to appreciate the pavilion in all angles but also provide them a wide variety of space usage. Rotating Pavilion panels creates an on-going, ever-changing threshold visually and physically to differentiate inner space and outer space.
Scenario 1 exploded Diagram 0
19
1000mm
3000mm
Scenario 2&3 Diagrams Circulation is mostly the same as scenario 1 because it is still shaped by circular elements of both landscpae and pavilion
MIDDLE PANEL: further filter the light and sound. Also cast shadows in pattern to indicate threshold boundary.
PUBLIC THRESHOLD: Intermediarily differentiate public and semi-public space.
MIDDLE PANEL: filters outside relationship and creates a shreshold between semiprivate interior and public exterior. OUTER PANEL: reflect/block out most of the Distraction outside. (eg. Glare; Noise from street) in order to create a better quartet performance envrionment.
OUTER PANEL: reflect/block out most of the outside relationship. (eg. sunlight; noise; views)
Private threshold: formed by two opaque panels
INNER PANEL: Act as a elegent background for quartet performance while funcitonally filter the glare, block the noise and strong wind, and also bounce/echo the music back to the centre or to audience, which enhance the performance quality.
INNER PANEL: form a private space combined with outer panel. Semi-private threshold: formed by one opaque panel and transluscent one. Lunch space -- filtered view towards outside while being “protected“ by “solid“ panels at the back. Entry threshold: formed by step-down.
Semi-Public threshold: Step-down in recessed cnetre acts as seats for audience CIRCULATION: still circulatory but mainly focus on one part becuase of the quartet performance
Semi-public threshold: A intermediary space between pavilion and others.
Scenario2 Diagram
Semi-Private threshold: Act as a stage For quartet performance, surrounded by shadows cast by other panels while being exposed on other side to circular seats. Formed mainly by the pattern shadows and pavilion panels.
Scenario3 Diagram
2
*Scenario 2_Semi-private pavilion
3
*Scenario 3_Public pavilion
Scenario 2
2
*Scenario 2_Semi-private pavilion: one transluscent panel on one side while two opaque panels on the other forming mainly semi-private space in centre: creates an ambiguous and vague relationship between inside and outside. Therefore this configuratrion is suitable for Lunch purpose -- private while public
Scenario 2 sunrise
3
*Scenario 3_Public pavilion: all 3 panels will be on one side, especially for the quartet performance. All 3 panels protect perfomers from wind, glare and noise while still keeping them exposed to audience. The panels also echo the music back which enrich the performance. The filtered shadows define threshold bettween outside and inside.
Senario 03: Sun set view/ for performance purpose
Lighting patterns on landscape (Senario 01)
Details of rotation mechanism: tracks and steel rails
Night Time Renders
22 Details of Outer Panel cladding
Model in Scenario 2 Setting
Photos of Rotatable model in different scenarios
Model in Scenario 3 Setting
Model in Scenario 1 Setting
23
Model details
24
In order to achieve the ever-changing/growing/evolving quality of the space to celebrate the temporariness of pavilion, two mian directions have been explored, one is modularly expanding space, the other is rotational, ongoingly changing and centrally organised space.
Iiteration 1: Modular expanding boxes configuration, power of growing, capture the temporariness of ever-changing modular forms. Lack of complexity andflexibility.
Iteration 2: Space quality similar to iteration 1; A gathering space in the centre for private activites; The ability to change and adapt to new environment (change box locations to create various space).But it is not a shelter and too large in scale.
Iteration 4: Another growing method which is ever-changing through rotation around the centre. Expanding quality. Strong energy radiated outwards spirally. Lack of control, constructability and design for access.
25
Design Iterations
Iteration 3: Modular cell-like structure with space filled with utilise space. A sense of growing and evolving nature, inspired from growing cells, is represented here. Lack of detailed design for performance space and specific programme.
Iteration 5: good control of space and rotational panels; The difference between 3 different panels creates different functions and space quality. BUT some patterns are alien and loss of control, not diverse enough for my design proposal.
Computational Process
Offset: offset surface in order to create skylight in centre. Curve Group Charge/Cocoon/Refine: instead of piping the grid which cause connection and boolean problems; Cocoon is used for generating “pipe“ meshes along the grids.
Isotrim surface into strips
Braced Grid 1-D structure: generate Grids onto one of the three surfaces as structure for panels.
Twist: twist parts/strips into gradual changing louvres to let light in with Graph Mapper.
3D-Spiral Creation: set points on polar and connect them into lines.
List item: use Series and list item to divide whole spiral into 3 parts, Quad grid & 4Pointsonsurfaces: Generate triangular panels on the top of structure grid.
Diagrid Structure: create diagrid from second surfaces
Curve Group Charge/Cocoon/ Refine: instead of piping the diagrid which cause connection and boolean problems; Cocoon is used for generating “pipe“ meshes along the grids.
Loft lines into spiral surface
26
Fabrication Process
Makerbot: 3D print process A
Makerbot: 3D print process B
Makerbot for 3D print (balanced setting for relatively quick production process comparing to DD setting in this case)/reducing meshes in order to minimise printing time. 3D print jobs have been divided into 2 files so as to limit printing time within the requirement.
Lasercut nesting: Landscape & outer panels(cladding)
Model making process: 3 mm mountboard for landscape laser cut; Ivory cut for folded panels;
27
360 Image Output
Digital Design Semester 1, 2019 28