portfolio by student095

Digital Design - Portfolio Semester 1, 2018 Jinhao Lu 988085 Jun Han Foong Studio 6

email: jinhao1@student.unimelb.edu.au

Skills:

phone number: 0478939159

Rhino Grasshopper

Education: 2018 - current 2016 - 2018

Unreal Bachelor of Design Yarra Valley Grammar

Photoshop Illustrator Indesign

Awards / Exhibition:

Fabrication

2018

FOD:R Exhibition, AFLK Gallery

2017

YVG Design Exhibition

Jinhao Lu

Reflection: Reviewing at the three modules in the digital design course, I have gained and developed numerous skills and techniques I had not come into contact with before such as parametric modeling and 3d printing. Reflecting on what motivated my design decisions, I found myself always get inspired by nature. I have been fascinated by the organic shapes and curves of natural creatures. These elements aid me to shape the spacial experience of people in the space. Through the semester, I have gained lots of valuable skills. I learned how to use grasshopper and model parametrically which opened many new possibilities due to the rapid ability to prototype and iterate. I also furthered my fabrication skills in aspect of laser cutting and 3d printing. It forced me to consider the limitations on material and fabrication time. Finally, I also gained skills of live render through the unreal engine which allow me to produce an authentic effect. My aspiration at this point tends to explore using light and shadow to define space. Throughout all of the modules, I focused on creating different light and shadows by different material and structures. In M2 I manipulate the density of openings to generate a shadow pattern. The design of Queen Victoria Garden Pavilion reflects my interest in light and shadow. The use of transparent material which is learned from the ALA enabled me to create shadow and allow light coming through at the same time. Looking back at my works and design process, there are some aspects I need to improve. The use of line weight is getting better but still, have room for improvement. Some refinement can be done on the rendered image by using Photoshop. Also, there are more skills need to be gained in using grasshopper and Unreal Engine.

Content

Module 2-Generating Design Through Digital Processes

Module 3-Queen Victoria Garden Pavilion

Module 1-Precedent Study

Diagramming Design Precedent

The final isometric view of the pavilion shows a detailed and accurate view of all the components altogether. The pavilion consists of the timber deck and the shrubs surrounding it, carbon fiber rods, the rib structure, the metal panels and the also the patterns. During the modeling process, the most important thing is to keep the layers correct, as, during the make 2d stage, each component needs to be done separately. I was struggling with the blurred plan image when I arranged the panels until I found a clear one on the internet. I gave each component a different line weight in order to create a hierarchy of the details. The outline of the petals and the shown timber floor is assigned with thicker line weight to accentuate the shape. The carbon pattern and rib structure which is hidden under the semitransparent panel is shown in a thinner line weight to ensure the picture not a mess but clean. Different line weight is applied on the poles: the hidden part is thinner than the shown part. This strategy makes the drawing more transpicuous. The circulation of the pavilion is shaped by the position of poles, the visitors might walk around the poles rather than walk straight through. The absence of the wall creates an openness which encourage people to enter from all directions. The threshold of the pavilion is blurred as there is no particular inside and outside. The intersection of the area under the panels and the outskirts of the timber floor shape the boundary.

Collins St

Harbour Esplanade

Circulation Path

People Coming Direction

Threshold defined by poles

Attraction Point

Threshold defined by Material

Threshold defined by Shading

Circulation

Threshold

As the Pavilion has no walls or a clearly-defined boundary, the circulation paths might be random and multi-direction. People are encouraged to discover the pavilion by walking around the poles. However, the main people coming direction might from Harbour Esplanade and Collins St. Also,the box-shaped counter might be the attraction point that allows people to stay and gather around.

The threshold of this pavilion is blurred as the design idea is from trees and canopy. The threshold occurs at the intersection of the area under the panels and the outskirts of the timber floor(the blue and the gray area). Furthermore, the poles of each panel create thresholds for people to have a more private conversation.

Generating Ideas Through Process

Module 2-Generating Design Through Digital Processes

Design Matrix

Lofts

1.1

1.2 {1,75,150}

{1,30,150}

1.3

{2,150,30}

1.4

Key

{0,0,90}

{0,0,0} {47,150,0}

Attractor / Control Points (X,Y,Z) Attractor / Control Curves

{80,0,150}

Grid Points

{6,150,30} {0,150,75}

{1,120,0}

{150,15,0}

{151,135,0} {100,0,0} {62,0,0}

{50,0,0}

{77,0,0}

{150,135,0}

Paneling Grid & Attractor Point

{Index Selection}

2.1

2.2

2.3

2.4

{-44,-38,119} {90,72,227}

{37,-75,21} {10,-28,30}

{-74,123,-25} {165,-83,28} {8,155,31} {58,199,15}

{227,206,-16}

Paneling

{Attractor Point Location}

{Index Selection}

3.1

3.2

3.3

3.4

Paneling

3.1

3.2

3.3

more 3D at the bottom. This decision makes the surface looks balance and lower the center of weight. More openings are set at the top and fewer openings at the bottom to allow the light to come through a higher level. The fourth row shows another view of the surface.

3.4

As shown left, the far right version in the matrix is chosen to develop in the next stage. For the 1st row, it was an intuitive process while designing the surface. I chose 1.4 as it shows a conversation between the two surfaces. I tested different numbers and location of attraction points. As shown in 2.4 I chose to put 3 attraction points around 3 corners of one surface as it can give the ability to control the panelsâ&#x20AC;&#x2122; direction. On the other surface, I put one point in the middle to form the panels toward the center. In the third row, I tried different types of pyramids with both 2D and 3D. In 3.4, I combined 7 types together. The panels are set from dense to disperse,

Surface and Waffle Diagonal pyramids are used in the back surface to bring complexity. It is also combined with triangular 2D panels.

Flat pyramids are placed at the top as 2D panels with perforation can create a sense of lightness and transparency.

Diagonal pyramids are used in the back surface to bring complexity. It is also combined with triangular 2D panels. The number of perforation on the 2d panels is increased

The perforation of the pyramids is increased gradually follow the diagonal of the surface which can create a sense of coherence.

The back surface shares the same strategy with the front which is solid at bot and lightness at the top to keep a coherent style

Waffle structure is built with verticle and horizontal fins which is stable to carry ornaments on the outside. It also has a high transperency to allow light come to the interior. The slop of the exterior sufaces have a potential to create shreshold.

Scale 1: 2 @ A4 0cm

1cm

3cm

Basic pyramids at the bottom bring a sense of mass and solid

Computation Workflow

‘Contour’ can develop the base lines for the fins from the sufaces

Verticle fins are built through ‘loft’

Horizontal fins are built through ‘Join curves’

‘XZ plane’ is created on the intersection point of fins. Rectegle generater is built through ‘extrude’ and ‘cap holes’

The intersection is trimed by the generater to make the structure developble

Laser Cutting

The panels need to be unrolled to put in the laser cut file. The problem with unrolling is there is always overlapping lines. As a result, I need to rotate come off the lines or disassemble it. I used offset lines to add the tabs where needed rather than automatically because there are some small gaps does not need tabs. In order to keep the ivory card intact, no tapes can be used. As a result, some of the lines are put in the etch layer. I was initially to hide the etch lines inside but it was too hard to fold. So I flipped the panels for the other surface and keep the etch outside the panels. I had two iterations of some pieces of the waffle element: one is trimmed on the edge one is not. This is because I want to test which one looks better and I chose the none trimmed one finally.

SOLID AND VOID

A small shelter is booleaned on the exterior

This opening is booleaned at the 1/4 height of the geometry which create a low area for people to rest. The opening also allows light to come through. The exterior is booleaned to different hight which can be used in various ways such as sittingďź&#x152; leaning on or putting stuff on

The interior is booleaned by a large cylinder which create area for people gathering and circulation. Here is only one threshold entrance in this geometry which can create a private space inside. Scale 2:1 @ A4 0cm

0.5cm

1.5cm

Grid

1.1

1.2

1.3

Design Matrix

Key

1.4

{0,0,0}

Attractor / Control Points (X,Y,Z) Attractor / Control Curves Grid Points

Attractor Point

{Grid}

2.1

2.2

2.3

2.4

{115,-92,83} {298,248,99} {274,194,42}

{115,-92,0}

{-113,-29,162}

{-56,-80,0} {123,215,0}

{270,248,0}

{61,78,84} {-108,78,0} {-108,78,0}

{-120,-27,-26}

{-108,78,-121}

Shape Boolean Section

{Attractor Point Location}

{Index Selection}

3.1

3.2

3.3

3.4

{Shapes}

4.1

4.2

4.3

4.4

{Boolean}

5.1

5.2

5.3

5.4

{Section}

{71,61,83} {75,49,58}

As shown left, the development path from 1.2 to 5.2 is chosen as the final design. The first row shows the grid in the cube and the second row shows the attraction points and the grid points. Attraction points are tested in both inside and outside the cubes. It can be found that the attraction points outside the cube can control the density and location of the volumes easier. 2.2 is chosen as the point under the cube can control the height of each volume. In the third row, four different objects are tested, sphere, cylinder, cone, and icosahedron. The cylinder is finally chosen as it can create around plane with different height and the intersection between cylinders can divide space into multiple areas. Moreover, space can be used more efficiently in cylinder rather than cones or spheres. For the final section, I test the cube with different height to make sure the small surfaces on the exterior are set on human scale.

Computational Process

‘Domain box’ and ‘deconstruct brep’ are used to set a 150x150x150 boundry box

Attraction points are added to control the grid points

‘Cellulate 3D grid’ is used to divide the box to small sections which are connected by the points

Command ‘bounds’ can create numeric domain which encompasses a list of numbers

Different type of shapes can be chosen ‘Surface domain

The grid point are set as

number’ is used to create the original grid of 3x3

centroid by ‘volume’ and controlled by attraction points

‘Move’ comand is used to duplicate the original grid to a 3x3x3 point grid

‘Construct domain’ is used to control the size of each volume.

Computational Process

The outcome of the grid controlled by the attraction points. This stage shows how the cube is divided into sections

The grid points are set as centroids and rearranged by another attraction point

Cylinders are created from the centroids and used for boolean calculation in later stage

Fabrication Process

Module 3-Queen Victoria Garden Pavilion Coral Pavi 22

M3 - M Pavilion Coral Pavilion

Three coral shelters are designed in different sizes to create a varity of space quality. Threshold is defined by the space covered by the corals

Circulation of people come from St Kilda Rd

Semi-transparent frosed white plastic is used as the main material. It allows light come through and provides shading at the same time. At night the spot light can bring different color to the pavilion.

The podium lifts the pavilion up which create a threshold to differenciate the landscape and the pavilion itself

The path way connect the seating and all the entres of the pavilon.

Circulation of audiance going to the seating

Jinhao Lu - 988085

Entrance is shaped by the gaps between the shells. Threshold is created helping to seperate indoor and outdoor space

Circulation of normal passenger visit the pavilion

Circulation of people come from Alexandra Ave

Circulation of audiance going to the seating

The step-down creates a seating space for viewing of performances inside the pavilion.

Small steps allow people to move between different seating level

Timber decking is used to cover the steps to create softness

Exploded Isometric 1:100 0

2000

6000mm

The steps-up leads people to walk up and view the pavilion

Scenario 01

Lecture with 15 people

SITE PLAN 1:1000

Scenario 02

String Quartet with audiance of 30 people

Computational Process

Fabrication process

360 Image Output

Digital Design Semester 1, 2018 35