Portfolio HAOCHENG HUGO DAI SELECTED WORKS 2015-2020 daihc94@outlook.com +1 424-343-3931 www.hugodai.me
PREFACE Digital technologies are radically changing contemporary architectural practice in the ways buildings are conceived, designed and produced. Technologies including computational design software, BIM, AR&VR are enabling a direct correlation between what can be designed and what can be built. Also, the development in the spectrum of artificial intelligence are creating new workflows, thus transforming how architects approach a design scheme. “With great power comes great responsibility.” This provides unprecedented opportunities for the redefinition of the architect’s role in the production of buildings.
TABLE OF CONTENTS 01 COMPLEX LANDSCAPE DD PACKAGE
1
02 INVASION & MERGING
5
03 OPEN CAMPUS GATE
11
04 STYLE TRANSFERRED LA CITY HALL
17
05 ARCHITECTURE IN EXTENDED REALITY
19
06 ICE WEAVING STRUCTURE STRESS ANALYSIS
21
01 COMPLEX LANDSCAPE DD PACKAGE Supervisor: Gordon Chen Revit Design Development Package Collaborator: Ray Ding Contribution: BIM Management, Revit Family Management, Drafting Tool Involved: Revit, AutoCad We tried to utilize the Revit families in the design development phase of this landscape design project. I am responsible for creating and managing the Revit families for similar structure components in the project as well as modeling and drafting in Revit.
1
2
3
4
02 INVASION & MERGING 2015 Tsinghua University Open Studio — Socialist Slabs Instructor: Hu Li, Ren Luo, Qing Ye Collaborator: Sihang Ge, Xiaohan Ding Contribution: Concept 30%, Analysis 70%, Phisycal Model 50%, Techinical drawing 80%, Rendering 80% Tool Involved: SketchUp, AutoCAD, Adobe Photoshop, Adobe Illustrator Beijing has been expanding at an incredible rate in the last decade, taking up too much room while the city has become fragmented and dull. We decided to embrace this challenge through the renovation of an old social dwelling in central urban area of Beijing. It focus on tackling the conflicts between high demand for residence and lack of public space in the neighborhood . In this project, we try to explore the relationship between private living unit and public activity space. The original dwelling is largely closed. The residents are seperated from each other and isolated from the city. With an open and sharing attitude and new public programs, this project aims to become a renovation prototype for simmilar old dwellings in the central urban area. 5
CONTEXT Chinese Housing Evolution Social Housing in China has shown a dramatic evolution due to economic development. Materials for living needs, like stoves and toilet, has been gradually individualized. A result of this major change is less interaction between neighbors. Communities are breaking into pieces.
Courtyard House: Common Space Ratio 65%
Tube-shaped Apartment: Common Space Ratio 45%
BEFORE 1940s: FAMILIAL
Modern Apartment: Common Space Ratio 20%
FROM 1940s TO 1980s: COLLECTIVISM
AFTER 1980s: INDIVIDUALISM
Failures in Modern Social Housing As Le Corbusier envisioned, social housing should have explicit function areas, designed by architects from top-level. However, due to low in government fonding and self-sustainability, the buildings would fall in inevitable decay. A house is a machine for living in. Roof Programs
Business Street
Open Ground
Failures to Meet Current Needs The slab was designed and built only to tackle housing problems in the decade when most citizens were satisfied to have a roof over them. However, as the living standard has improved over the years, the slab becomes out of date. I want places to hang out with my friends. I want a playground!
Mr. Liu Age 25 Ruirui Age 7
I would like a convenient supermarket. I need some place to do exercise.
Mrs. Zhang Age 56
Mrs. Liang Age 36
6
STRATEGY
Original slab Inserting public space Mirror image Integrate two buildings Original slab was a boring Shared public space pro- New frame structure in- A strong bond between dwelling building. mote living standard. crease the capacity. the old and the new.
Roof terrace garden
Connection between two parts
Stretched-out urban attraction
New steel frame structure
Renovated apartment groups
7
Business along the street
Public programs in the new frame
Renovated facade
New vertical circulation
These shared spaces pierce through the old building and grow in the new frame. As it perforate on the shell of the original slab, middle zone like terraces and garden is generated between private apartments and public space. As these volumes extend out of the east facade of the slab, they become a showcase, attracting urban citizens to use and generating more interaction between the complex and the city. 8
APARTMENT GROUP
Public Living Room
Trampoline Public Library
Public Dining Climbing Wall Trampoline Emergency Exit Public Lounge
Home Cinema Family Gathering Main Entrance Public Dining
Due to convenient location and the complete facilities of the slab, these apartments would suit well for people like young office workers, couples with kids. They are usually low in budget, which means the building should accommodates more residents to balance its financial value. In order to achieve that goal while providing quality living environment, spaces for programs like family gathering are shared within apartment groups. Floor plans are renovated so as to fit the new residential mode. The public space are tailored to fit with the residents in the group.
9
INSTALLED UNIT
Installation Process
Prefabricated units are designed as supplements to the community ecosystem, which are also indispensable components. These plug-and-play nodes would increase the capacity and the flexibility of the entire system, since the demands and the surrounding environment would constantly change through time. 10
03 OPEN CAMPUS GATE 2016 Tsinghua University Landscape and Urban Design Studio — New Campus Gate Instructor: Prof. Yufan Zhu, A/Prof. Hailong Liu Collaborator: Haowei Yu, Biru Jin Contribution: Concept 40%, Analysis 50%, Rendering 50%, Technical Drawing 40% Tool Involved: Rhino, AutoCAD, Adobe Photoshop, Adobe Illustrator University campus are usually largely separated from the city in China, while possessing public service facilities that are scarce to the city. As a new campus gate is to be built on southeast border of Tsinghua University, we consider it as a chance to make some changes. After studying the site area on city scale and regional scale, we redesign the road system in the area to adapt to the changes brought by the new campus gate. Sites like Tsinghua Art Museum, School of Fine Art, new transfer station attract huge crowds to the area, along with daily commuters. In this project, we try to organize these flows and circulations, integrate absent public programs into the landscape, share resouces for on and off campus user, creating an open campus gate. 11
Book Store Study Hall Lecture Hall Flower Bed Grove Amphitheater Public Activity Meeting
Car Parking Shared Bicycle
Public Activity Sculpture Grove Flower Bed
Subway Bus Information
Shop Snack Plantation Playground Flower Bed Restaurant
Grove
Cafe
Exercise
Souvenir Art Gallery Supermarket Cinema
PROGRAMS ON DIFFERENT LEVELS We design an underground system, connecting different blocks and facilities, and seek to restitch the neighborhood. The underground system includes a transfer system among buses and two metro lines, an underground entrance to the art museum, an on-campus parking garage, passageways connecting each street block and commercial and service facilities. Programs are distributed on different level. Indoor programs are placed in underground space. Aboveground space is left for landscape and outdoor activities. 12
ELEMENT T
Divergence
13
Center
Different track separations are integrated with different programs.
Sculptures, ponds and plants in the center define the small yards and plaza.
TYPOLOGY
Boundary
Destination
Spaces near boundaries are expanded for stay and relax.
Different programs are inserted, as destination nodes for people in the area.
14
15
16
04 STYLE TRANSFERRED LA CITY HALL 2018 Data Architecture Design Studio Instructor: Guvenc Ozel, Benjamin Ennemoser, Gabby Shawcross Collaborator: Kshama Swamy, Yiran Zhou Contribution: Team Leader, Generative Modeling 70%, Diagram 30%, Rendering 50% Tool Involved: Tensorflow, Rhino, Grasshopper, Cinema4D, Adobe Photoshop, Adobe After Effects With the development of machine learning algorithms, computers are now capable of changing the appearance of images. This gives architects a new way to generate architecture scheme. When using works from contemporary artists including Bridget Riley and Sougwan Chung, we transferred the aesthetic quality of these works onto the images of the original building. With the help of procedural modeling tools such as Grasshopper, these 2D images can be further interpreted and developed into a 3D model in an automated digital workflow. 17
STYLE TRANSFER INFLUENCE STUDY
Base Image
Bridget Riley
Marc Quinn
Sougwen Chung
Marc Quinn
Transfer 01 ML Iterations: 500 ML Style Weight: 1 Resolution: 1280 Contrast: 0 Saturation: 0 Scale: 1 Transfer 02 ML Iterations: 100 ML Style Weight: 1 Resolution: 1280 Contrast: 0 Saturation: 0 Scale: 1 Transfer 03 ML Iterations: 1000 ML Style Weight: 1 Resolution: 1280 Contrast: 0 Saturation: 0 Scale: 1 Transfer 04 ML Iterations: 500 ML Style Weight: 1 Resolution: 640 Contrast: 0 Saturation: 0 Scale: 1 Transfer 05 ML Iterations: 500 ML Style Weight: 1 Resolution: 1280 Contrast: 0 Saturation: 0 Scale: 0.5 Transfer 06 ML Iterations: 500 ML Style Weight: 0.5 0.5 Resolution: 1280 Contrast: 0 Saturation: 0 Scale: 1 Transfer 07 ML Iterations: 500 ML Style Weight: 0.2 0.8 Resolution: 1280 Contrast: 0 Saturation: 0 Scale: 1 Transfer 05 ML Iterations: 500 ML Style Weight: 0.8 0.2 Resolution: 1280 Contrast: 0 Saturation: 0 Scale: 1
18
GENERATIVE MODELING WORKFLOW
Original Building
Simplified Geometry
Polysurface for Mapping
Generate Hieightfield Using Brightness
Generating Heightfield Using Saturation & Hue
Applying Vertex Color to Mesh
MESH RESOLUTION OPTIMIZATION
Low Mesh Resolution Pixel Size: 100mm*100mm Time: 10s
19
High Mesh Resolution Pixel Size: 10mm*10mm Time: 12 min
Mapping Image
Trimming Parts of the Mesh
COLOR OPTIMIZATION
Without Color Optimization
With Color Optimization
20
05 ARCHITECTURE IN EXTENDED REALITY Instructor: Guvenc Ozel, Benjamin Ennemoser, Gabby Shawcross Collaborator: Yue Di, Allen Wang Contribution: Team Leader, Modeling 50%, MR Implementation 100%, Rendering 100%, Film Editing 100% Tool Involved: Rhino, Grasshopper, Unity, Oculus Rift, Adobe Photoshop
Extended Reality(XR) is a contemporary umbrella term used to describe numerous technologies including Virtual Reality(VR), Augmented Reality(AR), Mixed Reality(MR), etc. In this project, we focused on exploring the spectrum of XR application in retail contexts as well as architectural design. A furniture store was selected to provide various levels of immersion and interaction during the retail experience. Also, the visualization of this transformative architecture is achieved in the real-time game engine Unity. 21
AR - Furniture Set DIY
VR - Catalog Browsing
MR - Home Scenario Simulation
ARCHITECTUAL VISUALIZATION The author utilized the Unity game engine as the platform for interaction demo development as well as architectural visualization. The real-time rendering power provided us the ability to create photorealistic visualization of the store. A virtual walkthrough of the store can be presented on any computer or in VR.
MIXED REALITY LAB DEMO
22
06 ICE WEAVING STRUCTURE STRESS ANALYSIS Instructor: Weixin Huang Structural Analysis in Rhino Grasshopper Using Kangaroo TA in Undergraduate Junior Design Studio Contribution: Structural Analysis, Installation Construction Tool Involved: Rhino, Grasshopper, Adobe Illustrator
A Weaving Structure is a bending-active structure that could be constructed by continuous elastic rods. In this ice weaving structure project, I am responsible for structural analysis of this structure, conducted in Grasshopper using Kangaroo V1. The challenge is to run the simulation in real dimension and material property and calculate the stress of the materials during all construction phases. 23
116M Pa 203M Pa Independent Bearing Condition of FRP
0 Pa 6.23M Pa Independent Bearing Condition of Ice
0 Pa 3.53M Pa Co-Working Bearing Condition of Ice 24
HAOCHENG HUGO DAI SELECTED WORKS 2015-2020 daihc94@outlook.com +1 424-343-3931 www.hugodai.me