Portfolio HAOCHENG HUGO DAI SELECTED WORKS 2018-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 STYLE TRANSFERRED LA CITY HALL
5
03 FAST FOOD IMAGE DATA VR VISUALIZATION
9
04 ARCHITECTURE IN EXTENDED REALITY
11
05 ICE WEAVING STRUCTURE STRESS ANALYSIS
13
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 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. 5
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
6
GENERATIVE MODELING WORKFLOW
Original Building
Simplified Geometry
Polysurface for Mapping
Generate Heightfield Using Brightness
Generating Heightfield Using Saturation & Hue
Applying Vertex Color to Mesh
MESH RESOLUTION COPTIMIZATION
Low Mesh Resolution Pixel Size: 100mm*100mm Time: 10s
7
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
8
INTERACTION STORYBOARD
100 Iteration
300 Iteration
700 Iteration
1200 Iteration
03 FAST FOOD IMAGE DATA VR VISUALIZATION 2019 Big Data Set Design Studio Instructor: Benjamin Ennemoser, Gabby Shawcross Collaborator: Hanshuang Tong, Kevin Clark Contribution: Data Processing & Import, Data Visualization, Virtual Reality User Interaction 50% Tool Involved: VGG16 & t-SNE, Tensorboard, Unity, Oculus Rift This project explores techniques and technologies associated with the design and experience of tangible and immersive interactive visualization of a large data set. The t-SNE and VGG16 machine learning algorithm vectorizes discrete elements and establishes a spatial relationship with relative adjacencies. In this project, we tried to utilize the proximities of points in the space as they represent the relativity of images. Thus we can create a recommendation system in VR, according to the image selected by the user through the navigation process. 9
INTERACTION STORYBOARD
Stage 1
Stage 2
Stage 3
Stage 4 REALIZATION IN UNITY
10
04 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. 11
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
12
05 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. 13
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 14
HAOCHENG HUGO DAI SELECTED WORKS 2018-2020 daihc94@outlook.com +1 424-343-3931 www.hugodai.me