PORTFOLIO Digital Design Semester 1, 2019 David Imanuel Chandra - 948854 Michael Mack - Studio 23
1
David Imanuel Chandra davidimanuel.chandra@gmail.com
Digital Design has offered me the chance to explore the world of advanced digital fabrication nowadays. The subject helped me to understand the potential of parametric design and fabrication. Being able to learn such things were amazing, it has honed my computational design skills. The exposure to a Virtual Reality Engine which is the Unreal Engine was very unexpected and it was the most amazing thing that I have learned within the subject. Learning about the process of 3D Printing fabrication and how they were able to create a very complex Rhino Render into a real physical model was astounding. Design has provided me a lot of opportunity to experiment and express my creativity. Design has also taught me that critical and logical thinking are very crucial in every aspect. The challenge to understand the logic of Grasshopper and also thinking critically on the design aspect of my projects were intriguing and motivational.
My aspiration as a designer would be to provide the best solution in terms of functionality and sustainability, while giving out the best design aesthetics. The most ideal designer in my opinion is one that could create a design with a beautiful aesthetic and also having it very functional and sustainable at the same time. Looking back at my own results, I had problems developing a strong conceptual design and also design consistency. I intend to further develop my skills in creating a consistent design that embodies my sense of design, and also try to hone my conceptual thinking skills in order to achieve what I aspire to be. I would like to thank my Tutor, Michael Mack for all the help he has provided for me. I asked a lot in the class and he was willing to help me on every problem I faced. I could not have done this subject without the help of you Mikey!
Throughout the subject, I had the chance learned to create a parametric design using Grasshopper, and also create a Real-Time Render using Unreal Engine. The feeling of learning those things? Amazing!
2
Education: 2018 - Current Bachelor of Design, University of Melbourne 2015 - 2017 Cita Hati Christian High School (Surabaya, Indonesia
Skills: Rhino Grasshopper Unreal Photoshop Illustrator Indesign Fabrication AutoCAD
CONTENT Content: 04
Diagramming Design Precedents
08 Generating Design Through Digital Processes 27
3
Queen Victoria Garden Pavilion
M O D U L E 01 Diagramming Design Precedent 4
Module 01
Diagramming Design Precedent
Daniel Libeskind’s Serpentine Pavillion Location: London Built: 2001 This pavillion is often called the Architectural Origami. Designed by Daniel Libeskind, this pavillion was entitled Eightneen Turns. The pavillion itself was made out of sheer metallic planes that is assembled in a dynamic suquence. Clad in Aluminum Panels that creates a brilliant reflection of light, the structure releaved an entirely new perspective of the greenery of the park.
Isometric Rendition of the Libeskind’s Serpentine Pavillion
5
Module 01
Diagramming Design Precedent
Sunpath Threshold Diagram The pavillion actual design allows sun to come into the pavillion from many different angles and time of the day. After further research on the pavillion, many pictures actually shows people gathering around the pavilllion areas that were lit by the sunlight. Therefore, a deduction was made that the threshold of the pavillion itself surrounds the time of day where the sun enter s the pavillion. The diagram shows the shadow when it is 9AM, and also the internal structures that would define the threshold of the pavillion itself. Despite the threshold being very simple and obvious, as the structures have obvious entrances and also bounded with walls all over it, the sun path can actually make a different threshold on top of the main threshold of the pavillion. There is no photograph of this pavillion at night, and that is why I am assuming that sun path play a huge role on the creation of a threshold within this pavillion.
6
Module 01
Diagramming Design Precedent
Circulation Diagram The circulations within the pavillion is pretty straight forward. With many entrances and also what seems to be openings but not really an exit, the pavillion was created to allow the people that enters it to experience and go through a flow of exquisite details within the pavillion. The circulation diagram on the left shows how people would enter from one side and exit through the other, because the pavillion is facing a Museum, and the pavillion act as a monument in the middle of the pathway to the museum. It would attract people’s attention and people would start entering the pavillion from one side and exit throught the other site. Most people would be astounded by the exquisite details within the pavillion and they will wonder around the area of the pavillion itself. That is why a circulation web was used to explain their movements.
7
M O D U L E 02 - TASK 01
Generating Design Process Through Digital Processes Surfaces and Waffle 8
Module 02
Design Matrices
Lofts
1.1
Generating Design Process Through Digital Processes
1.2
1.31
.4
{-150,150,150}
1.5
{22,22,150}
{60,150,135}
{-60,0,150}
{-60,0,150}
{0,75,150}
{-60,0,150}
{0,75,150}
{-83,150,0}
{113,0,15}
{-75,150,0}
{37,150,15}
{-30,150,0}
{60,150,15}
{0,0,0}
{0,150,0}
{60,0,45} {0,0,0}
{2.2.9.1.4.9.9.9.0.4.8.1.6.3.8.9}
{2.2.8.1.4.9.9.9.0.4.8.1.6.3.8.9}
Waffle Models
2.1
2.2
Paneling
3.1
3.2
{0,0,0}
{0,0,0}
{10.10.5.5.2.2.0.9.5.1.6.0.8.9.2.7}
{10.10.5.5.2.6.0.9.5.4.6.0.7.5.2.8}
{10.10.5.5.2.6.0.9.5.4.6.0.7.5.2.10}
3.3
3.4
3.5
9
3.6
Point Attractor Locations Point Attractor Locations
4.1a
4.2a
4.3a
4.4a
4.5a
4.1b
4.2b
4.3b
4.4b
4.5b
5.1a
5.2a
5.3a
5.4a
5.5a
5.1b
5.2b
5.3b
5.4b
5.5b
10
Module 02
Isometric Rendition
The Isometric on this page and the next page will show rows of exploded panels in order to further expose the detail of the task.
11
Module 02
Isometric Rendition
Generating Design Process Through Digital Processes
12
Computational Processes: Surface & Panelling
Module 02
Generating Design Process Through Digital Processes
Step 1: The Box Maker
Step 2: Surface Making
Step 3: Panelling
The first step was to create a box, that will contian the surface and determine the shape of the surface.
The second step would be to produce the surface from the selected edges of the box.
The third step would be to put the panels on the surface using Morph3D onto the surface grid.
13
Module 02
Computational Processes: Waffle
Generating Design Process Through Digital Processes
Step 5: Making the Contours
Step 6: Making Waffle
In order to create the waffle, the contours need to be produced first.
From the contours, the waffles are produced using offset.
14
15
16
Module 02
x0
Generating Design Process Through Digital Processes
x1
Laser Cutting Model x0
x1
x2
x0
x1
x2
x2
x3
x3
x4
x5
x3
x4
x6
x7
x8
x9
x4
x5
x10
x11
x12
x13
x5
x6
x14
x15
x16
x7
x17
The Figures shown are not to scale. This Module was made with this laser cut webs. The material being used was 1 mm thick MountBoard. Laser-cutting technique was used to gain precision in making the model. The laser-cut models on top would be the waffle structure that holds the panel together. The waffle structure will also form the curves that was intended in the 3D Render. On the right would be the laser-cut web of the panels. The red lines are etched while the black one would be cut. The intention was to ease the folding using the etching, and cut the perimeter.
17
x6
x8
x7
x8
M O D U L E 02 - TASK 02
Generating Design Process Through Digital Processes Solid and Void 18
Module 02
Generating Design Process Through Digital Processes
Onthe left is the isometric view of a section cut from the whole Booleaned Geometry. The Idea is to show the bigger picture before zooming in into the actual model, and show the origin of the model itself. The main concept and intention of this task was to explore, and through the exploration I was challenged to generate a cave-like landscape using this technique. The geometry used to carve the bounding box was a Scaled Platonic Icosahedron. The Platonic Icosahedron was scaled in the Z direction and Y direction. Thus, the geometry on the left was produced.
On the right would be the geometry obtained from the whole boolean geometry. While the size of the boolean geometry was 150x150x150 in cube, the actual model that was being extracted from the whole geometry is 50x50x50 in cube. The intention of obtaining a smaller model would be to drag the intention into the smaller details that could only be seen if the smaller part of the whole geometry is extracted.The model on the right shows many pillars that emobidies the main concept and intention. It also has many curves like a cave, however, a further development was made in order to achieve a more functional and better aesthetics.
19
Module 02
Generating Design Process Through Digital Processes The model on the left is the final and most successful model I have managed to generate. It has the potential space, the circulation and the skylight from the above. Aesthetically it also has a ceiling full of stalactites and also the skylight is positioned on top of the most accessible space of the model.
This was the first iteration that shows the slightest glane into the main concept and intention. There was a door-like hole being generated on the bottom of the model. The model also shows a big space beneath a ceiling , and there are space before and after the door -like structure.
Another version of the boolean geometry , this time the cube was getting carved by the unscaled version of Platonic Icosahedron, unlike the first isometric that was shown on the previous page. The intention was to compare the result, and in the ened the result shows that the scaled Platonic Icosahedron was better to create curves that would resemble the actual cave landscape.
20
Division
1.1
1.2
1.31
Module 02
.4
Design Matrices Point Attractor
2.1
2.2
1.31
.4
1.4
Grid Attractorr
3.1
3.2
3.33
.4
3.5
Geometry Boolean
4.1
4.2
4.3
21
Module 02
Computational Processes
Generating Design Process Through Digital Processes
Step 1: Bounding Box
Step 2: Controlling the Points
Step 3: Producing the Geometry
The first step was to create 150x150x150 cube with points within it for the boolean geometries to be controlled and carved.
The points act as the reference points of the geometries, and in this step its positions can be controlled creating such grids.
Based on the points that were created before, choose a type of geometry and control the position and size using the script above. The last step is just to boolean these geometry from the bounding box.
22
Module 02
Design Iterations
Generating Design Process Through Digital Processes
Aesthetics Potential Spaces Cave-Like Circulations
Aesthetics Potential Spaces Cave-Like Circulations
Aesthetics Potential Spaces Cave-Like Circulations
Aesthetics Potential Spaces Cave-Like Circulations
Iteration 1: Spheres
Iteration 2: Platonic Icosahedron
Iteration 3: Scaled Platonic Icosahedron
Iteration 4: Scaled Platonic Icosahedron
The first iteration was made using spheres. From this iteration, the intention was to create a natural cave-like landscape. It was found that sphere was not quite the correct geometry to use if the intention was to made cave-like landscape. This was the first step that led me to think about the creation of cave-like landscape.
The second iteration was made using another type of geometry, which is the Platonic Icosahedron. It was quite interesting to see that there was a door-like hole created on the geometry, and the overall structure started to look like a cave, but it still lacks the many curves you would actually see in an actual caves.
Trying many other geometry, I could not find the iteration I was looking for, so I went back with Platonic Icosahedron, but this time I used the command ScaleNU to scale it on a specific direction. The result was outstanding, the curves that you would find in an actual cave started to appear, however the potential space within this iteration is not good enough to create a good cave.
Tweaking with the ScaleNU parameters, I finally made the final model. It has everything that I was looking for, it has a central space that is lit by a skylight from above, it has the pillars and curves of an actual cave, and it has those stalactites popping out from the above ceilings.
23
Module 02
3D Fabrications
These models were created using the 3D Printer with the materials PLA plastic. The 3D Printer was called Replicator+. The 3D renders of the geometries were exported to the MakerBot program, that would manage the 3D Printing and estimates the usage of supporting materials and also the time consumption of printing these models. The MakerBot program can also estimate the overall usage of materials and the thickness that would be desired for the models.
Generating Design Process Through Digital Processes
The photograph of the actual model was actually as expected. The light from above the model will penetrate through the skylight on the ceiling of the model and goes to the center area of the model itself. As a landscape or a pavillion, this model really works well and it actually provided such intricacy in circulation, potential space and also aesthetics. The stalactites would imitate a real cave and the central space will be well lit through the ceiling.
24
25
PHOTOGRAPHS An entrance to a mystery that lies ahead. Spotlight from the sky centering onto the center of a space, increase the significance of that space.
26
100 word describing your project. Below are some questions as prompt. 1) What is your concept? 2) How does it satisfy the inhabitation brief for both the lunchtime seminar and an evening quartet performance? 3) How is the ground articulated to facilitate circulation? 4) Describe the material and how its effect the inhabitation of the space?
PROJECT TITLE
M O D U L E 03
Queen Victoria Garden Pavillion
27
Module 03
M3 - ECHOING SHADOWS
Queen Victoria Garden Pavillion Holes in the ceilings of the pavillion will help the pavillion absorbs light from above into the interior space.
Exploded Isometric Render with Explanations The Internal Minimal Surface will absorb light during the Day and project it into the interior space. At night it will project LED Lights onto the interior space. Any lights that is absorbed by the Minimal Surface Holes will be refracted into casted overlapping shadows on the ground floor and the walls.
David Imanuel Chandra - 948854 The Minimal Surfaces also acts as internal structures of the pavillion, bearing the load of the whole pavillion from the ground as columns.
The holes in the walls of the pavillion will help light up the surrounding of the pavillion at night.
Steps created to elevate the pavillion onto a higher position to be able to cast more light and shadows to its surrounding.
Exploded Isometric 1:25 0
500
1500mm
28
The exploded diagram shows the inside of the pavillion and the essence of iits parts. The diagram was meant to be 1:25 in scale, however in this page it would not be in scale. The intention of creating this pavillion was to provide a lunchtime seminar in the day and also a quartet at night. The design of this pavillion was generated to provide a complex lighting to the event that is happening in the middle of the pavillion. The light can actually be very beautiful at the day and also at night, as the perforations in the structural part of the pavillion can actually scatter the light and show some intricate lighting within the pavillion.
Module 03
Queen Victoria Garden Pavillion
Circulations and Density Indicators Circulations Density
The pavillion itself can be entered through the back and the front. The circulation within the pavillion is pretty simple, straight in and straight out. However, the density of the people inside the pavillion can show that when there is an event happening within the pavillion, people would be dense around that area to see the performance, while not blocking those that are sitting outside of the pavillion.
29
30
Module 03
Design Iterations
The first iteration was a bit awkward in space and also circulation. The back part of the pavillion was made smaller than the front part, so it only has 1 entrance while the back could not be accessed but people can still see through.
Queen Victoria Garden Pavillion
This was the second iteration, there are too many horizontal pillars going through and several of them are within the level of the head.
31
After Several other trial and error of the cylinder ends placement, The Final Iteration that was used for the pavillion was produced.
32
33
34
35
Module 03
Computational Processes: Bridging
Queen Victoria Garden Pavillion
36
Computational Processes: Kangaroo Relaxatiion & Perforations
37
Module 03
Queen Victoria Garden Pavillion
Module 03
Computational Processes: Selective Perforations
Queen Victoria Garden Pavillion
38
Module 03
Queen Victoria Garden Pavillion
The physical model was built using plastic 3D Printing. The actual model was too big and therefore it has to be split into 4 part to fit the Replicator+ table.
After 4 parts have all been printed, it is time to assemble the parts. The first step was to remove all the supporting materials, and the sticking all the joints of the parts to create the actual section cut of the pavillion model. The different part of the model was assembled using Superglue.
39
Digital Design Semester 1, 2019 40