VIEW DAPHNE’S WORK
Daphne Danfeng Chen 2017 Portfolio
A small selection of creative work including Graphic, User experience, Architecture Design & Artworks.
Content 1 EV Charging Station Design Architectural Design
2 Hyperloop Passenger Experience Interior & Experience Design
3 Hyperloop Terminal Station Architectural Design
4 Hot Wire Cut Digital Fabrication
5 Projection Mapping Visual Design
6 Artwork
Graphic Design and Artwork
Find Me Here Email: chendf999@gmail.com Phone: +1(213)362-8595
1 EV CHARGING STATION DESIGN Description
Skills & Technology
Date: August - September, 2014 (5 Weeks) Group: 4 students Instructor: Julia Koener
Ecotect Analysis
This project began from our widely research on electric vehicles and charging technology. In a group of four, we looked at all kinds of popular electric vehciles, and visited the Tesla store to gain more knowledge of what EV users would need from a charging station. We found that in the near future, home charging would be the general trend instead of charging station. What might add to it was the development of battery technology that shortened the charging time to less than an hour. As a result, we assumed the future charging station to be integrated into parking space, therefore the surrounding amenities defined how people would use the charging/ parking space.
Autodesk Ecotect is an environmental analysis tool used from the earliest stages of conceptual design. It helped with our building orientation and window openings. I focused on this part individually for our group.
Procedure
General Research
Site Analysis Future Network
3D Modeling - Rhino/ Maya After our study with cardboard draft models, we built our digital model using Autodesk Maya, which also allowed us to play with the building geometry according to our environmental analysis. Rhino was used in later steps as a production tool to connect with CNC.
Development
3D Modeling Design Analysis Final Scheme
CNC was the main production tool for our final physical model. The program had to run twice for each side of the surface. The challenge was to keep its accuracy when manually flipping the cutted piece. BD Move/ Kuka KR-150 Robot
The next step was to design one of our Phase I charging station at Will Rogers Beach. Despite from all mentioned above, our method was to apply Ecotect Analysis to shape our building from an environment perspective.
Concept
Phase 1 Location
CNC Milling Machine However, based on the current battery technology and affordability of home charging, a public charging station would still be necessary in the next 5 years. Considering the demographic, geographic and economic condition in Pacific Palisades and Brentwood (assigned research area to our group), we proposed a 5-year developing network, which had only two existing charging spots.
EV Technology
In this assignment, the robot was used only as a filming tool, to hold a camera and move with a certain path. The path was created via BD Move, which is a plug-in program for Maya. The main challenge was to avoid the interference from the shadows of the camera and the robot arm while filming.
VIDEO
Design Research
EV Charging Technology
User Research
Most EVs use lithium ion batteries. Due to the low energy density compared to fuel, EVs have limited range and long recharge times (around 300 miles and 8-10h). Instead of recharging EVs from electric socket, batteries could be mechanically replaced in a couple of minutes. This process is called battery swapping, which could be an expedient to long time recharge.
I gototoaacharging chargingstation stationbecause... because... I go Compared Comparedtotohome homecharger: charger:I cannot I cannotafford afforda ahome homecharger. charger. Compared to charging at place of work: No charging Compared to charging at place of work: No chargingspot spotavailable. available. I’m traveling. I’m traveling. I’m I’mhaving havingfun funnearby. nearby.
How Howdo doyou youspend spendyour yourtime timeduring duringthe thecharge? charge? I’m going home and come back after the recharge. I’mingoing home back the charge. I’m a hurry. Let’sand justcome change theafter battery. I’m in a hurry. Let’s just change the battery. I’m a visitor. I’ll go to nearby attractions. I’m go a visitor. I’ll godining/ to nearby attractions. Let’s shopping/ exercising/ haircut nearby! Let’s go shopping/ dining/ exercising/ haircut nearby!
The Thefuture futureofofcharging chargingstation station
Charging vs Gas Station EV Charging
Gas Station
a. DISUSE: Home charger will be soon affordable to everyone. Charging a. Home will beneeded. affordable to everyone. Charging station will be station willcharger be no longer no longer needed. b. QUICK CHARGE:Technology will make quick/ wireless charging availb. Technology will makestaion quick/will wireless charging available. EV able. Future EV charging be like gas station, fast inFuture and out. charging staion will be like gas station, fast in and out. c. BATTERY STATION: Battery changing will be the trend instead of c. Battery will be the trend instead of charging at the station. charging at changing the station. d. PARKING: Let’s make it a parking for nearby amenities.
Concept: Parking place - Get a charge while you have fun Available from home/ office Cheaper charging price (2 cent per mile) Longer charging hours (6-8h) Higher charging frequency shorter range of miles per charge) Electricity generated Solart/ green energy available
Gas station only Higher price (12 cent per mile) Ready in 5 min
Based on our research, nowadays charging station is a compromise to current technology. EV users do not need a public place to recharge their cars, while when they visit surrounding amenities, they might leave their cars at the parking and get a 2-hour fast recharge. Our concept is to build such place.
Lower using frequency Tank truck to refuel Petrol/ Diesel only
Dining
Shopping
Exercise
Salon
Work/ Study
Site Analysis
Pacific Palisades & Brentwood
Site Condition
Our group was assigned to research and develop this area in west LA, along the coast. Among our various research, important information that lead to our concept is listed here.
Existing Stations
Amenities
1 Land Area: 320 sq miles Population: 79,180
2 Traffic Flow
Land Use
Geography
1% Commercial 6.2% High Density Residential 37.8% Low Density Household 12.4% Active Parkland 42.6% Passive Parkland
idential usehold
d
Income Distribution 8.2% $20k or Less 10.1% 20-40k 11.7% 40-60k 28.3% 60-125k 3.1% Less than High School 41.8% $125 7% High School 19.2% College 36.5% Bachelor 34.2% Master or Higher
Education Level 3.1% Less than High School 7% High School 19.2% College 36.5% Bachelor 34.2% Master or Higher
Heavy Flow Light Flow
Mountain Area Urban Area (Density Low to High)
This area includes large parklands. The centric districts are primarily residential. Median household income and education level are high for the county. Population densities and crime rate are low. Car ownership for this area is above 0.8 vehicle per person, and 78% people drive to work. Overall, it is an affluent district with beautiful natural view and high vehicle dependence.
Location & Programming
Proposed Site & Future Network
Programming
Phase 1: 1 Year
Mountain Site - Beacon
Phase 3: 5 Years
Phase 2: 2-3 Years
Shop
The beach site station will be built horizontally to minimize the visual distraction for the ocean view. Conversely, the mountain site follows a vertical space arrangement, because there is limited space. The trees will hide part of the station.
Gym Cable Pod Charging
Battery Swapping Site B
Out
Site A Beach Site - Pie Site A - Beach Hub
Site A - Horizontal Scheme
Site A
Site B - Mountain Tourist Center
Site B
Go
Swap
Site B - Vertical Scheme
In
Beach Hub
Site Plan
Sections
Battery Swapping Charging Entertainment
Car Charging
Battery Swamping
Pa
rki
ng
Battery Swamping
Ch
ar gi
ng
Beach
Vehicle Pedestrian
Build a Scene
CNC Milling The three shells for the model are made using CNC milling machine. They were produced with one 8� thick foam board, and milled twice from both sides.
Maya BD Move Filming A camera was installed to the robot arm and moved following a given path.
2 HYPERLOOP PASSENGER EXPERIENCE Description Date: September - November, 2014 (8 Weeks) Group: 3 students Instructor: Craig Hodgetts, Marta Novak, David Ross The Hyperloop is a conceptual high-speed transportation system originally put forward by entrepreneur Elon Musk, incorporating reduced-pressure tubes in which pressurized capsules ride on an air cushion at a speed of 760mph. Our study began earlier than most Hyperloopers. The only reference was Elon Musk’s Alpha document. The studio was divided into four research groups to look deeper into different aspects. I joined the passenger capsule team for personal interest in human factor. Other three team studied route, urban and station.
and economic perspective. The smaller the inner diameter is, the less cost will spend on building the system. However, considering human comfort, the interior space needs to be larger. We cannot simply solve this problem by reduce the number of passengers per capsule, for it greatly reduced the passenger capacity of the whole system. Adding the total length does not make sence either, for it led to a huge turn radius. To find a balance among these issues, we firstly conducted ergonomic research, looking for a more reasonable seat dimension. Individually, we did wide precedence study on existing transportations, such as different Boeing airplane, Amtrek passenger seat, cars, and cruises. Since the Alpha document supposed a 28 people prototype, the most similar precedence is a 27 people air plane called Beechcraft 1900.
(1) Base Factor Research We started the research by asking why people chose Hyperloop over other mode of transportation, or what kept them from resisting it. Our assumptions was future verified when we were exhibiting our outcome at 2015 Dwell on Design. Three design related factors that influence people’s choice are station programming, service, and comfort. Station programming was studied later when we designed the terminal station, while service and comfort pointed at passenger experience. (2) Find a Balance We aimed at finding the best interior arrangement for the capsule. The challenge was from both technical
Considering large number of passengers would travel in pairs, our ideal arrangement is 3 people per row, with 1 single seat and seats in pair. The best possible
AIR STORAGE INLET
COMPRESSOR FAN
COMPRESSOR MOTOR
diameter for this arrangement is 8 feet, resulting in a maximum 6.25 feet ceiling height at the corridor. Our precedence study proved this to be a reasonable dimension for economic class. (3) Passenger Experience The passenger experience was designed and presented in the next project. For here, we started considering passenger services during interior design phase. The assumed traveling time is 30-40min, from Los Angeles to San Francisco. We researched possible activities during half an hour time, and incorporated these into our capsule interior. What also discussed in this research included place for luggage, bathroom, pet, and seat for children or people with disability, etc. We proposed a service capsule for large luggage and restricted items. This capsule type also had the potential to develop for cargo use during night time.
SEATING COMPARTMENT BATTERIES
STEP 1 - Identifying Basic Factors
When choosing their transportation mode, people consider...
1
GENERAL FACTOR
COST
COMFORT
TICKET PRICE
TIME
How much do I pay for a ride?
How much time will I spend on my way?
Are there any stops?/ How many stops?
RELIABILITY
CONVENIENCE
DENSITY
INFRASTRUCTURE
ACCESSIBILITY
SIMPLEXITY
FREQUENCY
LUGGAGE
SAFETY
CHANGE
How many passengers per car?
Is the seat comfortable? /What is equipped and served with the cabin?
Is the station easy to reach?/ How it is connected to other transportation?
How easy is the trip from before departure to arrival?
Can I departure at any time I want?
How many luggages can I take with me?
I assume there is no safety issue to worry about...
Unexpected delay or cancel?
Restroom Needed/ Available?
Is it friendly to children/ senior/ people with disability?
How easy can I get a ticket?/ Do I have to reserve a seat?
Economy/ Business/ VIP seat available?
Food and Beverage? Entertainment?
Can I take my pet/ special equipment?
How weather will affect my trip?
Is there a security check?
How easy can I get refund if I cancel the trip?
Internetï¼&#x;
2
BASE FACTOR
3
FUTURE STUDY
DISTANCE
CAPACITY
INTERIOR
SPEED
DIMENSION
INTERFACE
SPEED AND COMFORT
Travel from LA to San Francisco with only 30 dollars one way.
$0.06 per mile.
INTERIOR ENVIRONMENT
ACCEPTANCE
STATION
Hyperloop is a weather independent system thanks to the use of tube.
STATION PROGRAMMING Departure every
2 min
(30 times per hour)
Hyperloop system is technically safe, while passengers need evidence to be convinced of its safety before it is brought to use.
STEP 2 - Dimension Study 6.8
Interior Dimension
sq.ft/person
Amtrak Coach
The possible capsule diameter is from 6 to 10ft. We arranged the seats as 2-4 passengers per row, under around 28-passenger capacity, which was later reduced to 20 considering the adding length of the bathroom and luggage compartment. Combined with our ergonomic study, the optimal arrangement is 8 ft inner diameter and 3 people per row.
Crowded
Spacious 5
7.6
sq.ft/person
12.5
sq.ft/person
sq.ft/person
Hyperloop Economic Class Airplane first class average
Airplane average
6.5
sq.ft/person
Coach average
42'-9"
45'-5"
Our Preferred Arrangement
27
28
27
3
4
3
28
Seat Arrangement
2
6
28
28
28
3
3
3'-0"
3'-0"
3'-0"
3'-4"
4
1'-10"
1'-4" 6'-3"
1'-10"
45
21
8'-4"
8'-4"
6'-3"
30
6'-3"
27
6'-9"
1'-8"
1'-8"
1'-8"
21
6'-3"
27
9'-4"
1'-8"
283
8'-4"
1'-9"
1'-6"
1'-5" 7'-4"
1'-9"
1'-6"
1'-6"
1'-5" 8'-4"
1'-6"
1'-6"
8
1'-10"
1'-10"
1'-7" 8'-4"
1'-10"
8
1'-10"
1'-10"
1'-7" 8'-4"
1'-10"
8
1'-10"
1'-10"
1'-7" 8'-4"
1'-10"
9
2'-3"
8
1'-9"
7
1'-9"
ft
606
1'-9"
6.3
508
400
6'-3"
Diameter
1089
363 8'-4"
ft
726
283
1'-9"
42
5'-4"
Capusule Length
653
249 5'-9"
215 cu. ft.
508
1'-3"
Exterior Material
518
1'-8"
779 sq. ft.
6'-3"
Interior Material
1'-8"
1'-8"
3'-0"
rows
3'-0"
5'-0"
21'-9"
27'-9"
Passanger Numbers
11
7.6
30'-5"
6.8
5.6
27'-9"
5.1
5.8 sq.ft/person
21'-9"
Avaliable Space
1'-9"
1'-9"
1'-5" 9'-4"
1'-9"
1'-9"
Ca
uti
Emerg
on
ency
ary
Ca
Work 0 5
uti
17“ 17“
26 33
13 26 2 33 6 33
17 17 17 Dimension Dimension
Sight
Sight Medical Sight Medical Standard Medical Medical
Boeing 777 Economy Boeing 777 Economy Class Boeing 77717“Economy 17“ Boeing 777 Economy
Backrest Angles Backrest Angle
Dimension Dimension Business Class Business Class Business Class Business Class
17“
34
41
61 Most Comfortable Seat Pitch
41
61
Boeing 777 First Class
Amtrek Coach
Boeing 777 First Class Boeing 777 21“ Boeing 777First First Class Class
Amtrek Coach 20.5” Amtrek AmtrekCoach Coach
21“
Backrest Angles Economy BackrestClass Angles Economy Class Economy Class Economy Class
17“
61
21“
Rel
l ica l ed ica M ed M 45 45
Sight Line ary y on c uti rgen Ca Eme y enc ary Emerg on uti Ca y r a on uti Ca
Sight
20
l
By studying seating dimensions in different airlines, trains, cars, or even in restaurants and cinemas, we found that the best sitting position for the Hyperloop is similar to the driving position in a private car, because it feels safe and more comfortable during acceleration.
Emerg ency ency Line Sight e Em rg
13
Sitting Position
ary
ica ed M 45
Ca u Em tion Sight Lineergencayry
Alert
axin g Re cli Work Alert 30 nin R ela g 0 5 xin g Work Alert 20 Re R 3 cli ela 0 5 nin xin 0 g 20 g R 30 ecli nin g
on
13
STEP 3 - Ergonomic & Precedents Study
20.5” 20.5”
Most Comfortable Most ComfortableSeat SeatPitch Pitch Most Comfortable Seat Pitch Collective experience
Collective experience Collective Experience Collective experience
41
Individual experience Individual experience Individual Experience Individual experience
34 Most Efficiency Seat Pitch 34
Efficient Seat Pitch Most Most Efficiency Seat Pitch Most Efficiency Seat Pitch Collective experience
Collective experience Collective CollectiveExperience experience
STEP 4 - Capsule Design
Economic Class To maintain a lying position during drastic acceleration, the economic class would feel more spacious than any first class in other transportation. This design used to accommodate 27 passengers, and reduced to 18 after adding necessary service space.
First Class
7’-4’’
10’-8’’
7’-4’’
2’-6’’ 4-2’’
2’-10’’
4’
4’-8’’
32’-6’’ 50’
10’-8’’
65’
4’-8’’
2’-6’’ 2’-10’’
2’-10’’
4-2’’
4-2’’
4’
4’
4’-8’’
2’-6’’
5’-5’’
5’-5’’
4’-8’’
8’
8’
32’-6’’
32’-6’’
2’-10’’ 2’-4’’
2’-10’’ 2’-4’’
8’
8’
50’
50’
10’-8’’
10’-8’’
65’
65’
4’-8’’
4’-8’’
10’-8’’
7’-4’’
8’
10’-8’’
7’-4’’
2’-4’’
7’-4’’
10’-8’’
2’-10’’
8’
7’-4’’
10’-8’’
Section
5’-5’’
10’-8’’
Compared to economy class, the first class seat is wider, with only 2 passengers per row. It is designed as a business class with more privacy and larger space for luggage. Currently it has 12 seats.
VISUALIZAITON
To Realize A Virtual Visual Environment-Windows vs. Windowless
Visualization A Transparent Capsule Without Windows-Individual projection Concept
VISUALIZAITON VISUALIZAITON VISUALIZAITON
ToTo Realize Realize Virtual Virtual Visual Visual Environment-Windows Environment-Windows vs. vs. Windowless Windowless To Realize AAA Virtual Visual Environment-Windows vs. Windowless
Transparent Transparent Capsule Capsule Without Without Windows-Individual Windows-Individual projection projection AAA Transparent Capsule Without Windows-Individual projection
Instead of installing a huge LED screen Windowless capsule designour strategy into the capsule interior, idea is to use video projection on the tube. Several projectors are installed onto the capsule, so
Interaction Windowless Windowless capsule capsule design design strategy strategy Windowless capsule design strategy
Passengers can interact with the capsule, using their iPad, phone, laptop, etc.
the projected video will travel with passengers. With transparent material at all or part of the capsule, passengers could see through as with a window. What they would see is the
projectors mounted on capsule wall
projections. It feels just like the King Kong ride in Universal Studio, while reduced the cost of using LED screen. Passengers could also customize what they see from their own window. projectors projectors mounted mounted onon capsule capsule wall wall projectors mounted on capsule wall
When these device connect with the capsule via wireless, just Passengers can actually interact with these projected images. There are a set simply drag the image, game, movie, music onto the wall, then they of cameras track the fingers on the projected image. The tracking will be quite will be projected. accurate, with similar performance to the iPhone touch interface.
Passengers Passengerscan caninteract interactwith withthe thecapsule, capsule,using usingtheir theiriPad, iPad, When When When these these device device connect connect with with the thecapsule capsule viavia wireless, wireless, just just Passengers Passengers can can actually actually interact interact with with these these projected projected images. images. There There are are asetset these device connect with the via wireless, just Passengers can actually interact with these projected images. There are aawith set Their mobile screen willcapsule be projected to any Motion sensor willonon allow passengers to interact simply simply drag drag the the image, image, game, game, movie, movie, music music onto onto the the wall, wall, then then they they of of cameras cameras track track the the fingers fingers the the projected projected image. image. The The tracking tracking will will be be quite quite simply drag the image, game, movie, music onto are the wall, then they of cameras track the fingers on thesystem projected or image. Theown tracking will be quite interfaces when these device wirelessly their with capsule service their electric dewill will bebe projected. projected. accurate, accurate, with similar similar performance performance toto the the iPhone iPhone touch touch interface. interface. will be projected. accurate, with similar performance to the iPhone touch interface. connected with the service system. vice, turning any surrounding interface a touch screen.
Passengers can interact with the capsule, using their iPad, Passengers will control or interact with phone, phone, laptop, laptop, etc. etc. phone,capsule laptop, etc. compartment service system their using their own mobile device.
less
n
ess
n
VISUALIZAITON VISUALIZAITON To Realize A Virtual Visual Environment-Windows vs. Windowless To Realize A Virtual Visual Environment-Windows vs. Windowless Visualization fg 1. Capsule without illumination and visual Environment
A Transparent Capsule Without Windows-Collective Projection Travel with Hyperloop
fg 3. Real Moving Scene
A Transparent Capsule Without Windows-Collective Projection
VISUALIZAITON
To Realize A Virtual Visual Environment-Windows vs. Windowless
To Re
fg 5. Virtual Visual Experience - Ocean
fg 7. Vir
VISUALIZAITON VISUALIZAITON VISUALIZAITON
ToTo Realize A Virtual Visual Environment-Windows vs.vs. Windowless To Realize Realize AA Virtual Virtual Visual Visual Environment-Windows Environment-Windows vs. Windowless Windowless To Re
fgfgfg 1.5.3. Capsule without illumination and visual Environment Real Moving Virtual Visual Experience - -Ocean fg 4. Virtual VisualScene Experience Forest
fgfg 3.5. Real Moving Scene Virtual Visual Experience --Ocean fgfg 7.6. Virtual Visual Experience Virtual Visual Experience -Universe Sky
Train - Forest
5.9.Virtua Virtu fgfg fg7. Virtu fg 6. Vir
fgfg5. Virtual Visual Experience - Ocean 9. Virtual Moving Visual Scene Experience - Snow Mountain fg 5. 5. Virtual Virtual Visual Visual Experience Experience - Ocean Ocean fg3. 2.Real Capsule Only with illumination fgfg 4.fg Virtual Visual Experience - -Forest
fg 7. Virtual Visual Experience - -Universe Visual Experience fg fg5. 7. 7.Virtual Virtual Virtual Visual Visual Experience Experience -Forest Universe Universe fgfg 2. Capsule Only with illumination Virtual Visual Experience fgfg 6.4. Virtual Visual Experience -- -Ocean Sky
fgfg9. Virtual Visual Experience - -Snow Mountain 7. Virtual Visual Experience Universe fg 9. Virtual Virtual Visual Visual Experience Experience -- Snow Snow Mountain Mountain fgfg 4. Virtual Visual Experience - -Forest 6. Virtual Visual Experience Sky fgfg 6.9. Virtual Visual Experience Desert
fg 9. Virtu Virtu fgfg Virtua fg6.6. 10. Vir
fgfg6. Virtual Visual Experience - -Sky 10. Virtual Visual Visual Experience Experience - Movie fg fg4.fg 6. 6.Virtual Virtual Virtual Visual Visual Experience Experience -Forest - Sky Sky
fgfg6. Visual Experience - -Desert Visual Experience fg fg6.Virtual 6. 6.Virtual Virtual Virtual Visual Visual Experience Experience -Sky - Desert Desert
fgfg10. Virtual Visual Experience Movie 6.10. Virtual Visual Experience -- Desert fg fg 10. Virtual Virtual Visual Visual Experience Experience -- Movie Movie
Capsule without fg Moving Scene fgfg3. 2.1.Real Capsule Only withillumination illuminationand visual Environment
Illumination Only
Airplane - Sky & Cloud
Visual Experience - Desert
True Moving Scene (Outside Landscape)
Submarine - Ocean
Visual Experience - Snow Mountains
Spaceship - Space Travel
Visual Experience - Movie Scene
fg 10. Vir
Lighting Design
Light Type
Interior Light Distribution
Ceiling Light
Ambient Light There are three types of lights inside the capsule. Ambient light is part of the visualization design. We rely on ambient light to simulate natural or imaginary lighting condition. It is also a common experience for all passengers.
Small Projector IR Sensor
Light Indicating Arrow (Side)
Custom Adjustable Light Custom Adjustable light is for passengers to customize their own experience. They could turn off the visualization projector for darker environment to sleep, or turn on the reading light when they plan to work during the trip.
Full Scale Screen
Seat Side Marker
Indicator Indicator is the functional lights that show the moving status, safety instruction, exit location, bathroom availability or emergency information, etc. They are independent from the visualization system.
Arm Light
Seat Belt Light
Arm Light
Light Indication Arrow (Floor)
Ambient Light
Custom Light
Indicator
Light Indication Arrow (Floor)
Lighting Design
Color Mood This is a study on how colors would affect mood and behaviors. We researched on interior color for different occasions, replace it with other colors in Photoshop, and ask people their impression towards these toned images. For instance, the illumination inside a MRI machine is usually blue. It helps patients to relax. We change the color to green, red, and purple, to study the different impacts to human mood.
Color Scheme
DEPARTURE
We designed the capsule ambient color scheme based on the result. Colors that indicate strong emotions are replaced with softer alternative colors. Operation Operation Room Room
Flashlight 10s Alarm
Visualization Screen
30s Linear Light Illumination ACCELERATION
Bedroom Linear Light Illumination Bedroom Bedroom
Spot Light Personal Space
CRUISE
Emergency
30s Linear Light Illumination
OperationTheater Room Nightclub/
Nightclub/ Theater
Operation Room Room Operation Office/ Library
Office/ Library
Bedroom
White Light Illumination
DECELERATION
ARRIVAL
Flashlight 10s Alarm
Fluorescent Indicator
Simulation
Color System It is a simulation for the ambient light design. The rendering is much exaggerated to show the overall feeling during the trip. Visualization projections, light indicators and custom lighting are used together but presented in the illustrative renderings.
Boarding
Acceleration
Deceleration
Arrival
Night
Morning
Day
Emergency
Birthday
Children
Ocean
Renaissance
Environment Simulation An environment simulation is projected inside the capsule, working together with ambient light. It is possible to change to various themes from natural environment to movie scenes.
Custom Theme Despite from common experience, passengers can also customize what they see with either projection, or wearable equipment. The renderings are conceptual from designers’ view, while we hope to realize it with VR technology.
Simulation
Build a Mock-up This is the first step of our exploration method after capsule dimension has been confirmed. To further study the Hyperloop experience, our studio built a full-size mock-up for part of the capsule. The mock-up was designed based on several structure models we made in group of two students. Structure Model
Design Drawing
Full Size Mock-up
Modeling Interior Details (Rhino/ Maya)
Add/ Adjust Lighting (Maya/ Photoshop)
Rendering Scene & Editing Animation (After Effects)
Projector Setup/ Mapping Test
Angle/ Perspective Mapping
Projection and Recording
Video Simulation We made a digital model in Rhino for final production of the mock-ups. With the digital model and our visualization research, we rendered an animation to present our passenger experience design. Interior lights and indicators were modeled and rendered in Maya, while visualization effects were later added in After Effects.
Projecting Test We successfully applied knowledge learned from past projection mapping project here. The difference is it has to be projected with an angle, in order to show more of the side panels and the ceiling. Also the mapping process is much harder. We finally made it with a lot of efforts.
3 HYPERLOOP TERMINAL STATION DESIGN Description
Skills & Technology
Date: January - March, 2015 (10 Weeks) Group: 6 students Instructor: Craig Hodgetts, Marta Novak, David Ross
Digital Modeling (Rhino/ Grasshopper)
Finally we had a chance to design a station prototype. Considering the point-to-point transportation mode of the Hyperloop system, the station was designed as a terminal.
Procedure
Environment
We used Rhino as our modeling tool throughout the project from concept to final model. Grasshopper was introduced in later stage to parametrically generate structures.
Transportatin Traffic Flow
Urban
Parking
Station
Circulation
Capsule
Function
Physical Modeling (CNC/ Laser Cut)
Our team was formed by four students from each research group (later two other group menber joined), so that each of us could share our studies on route, urban, station and capsule. My role was to give advise on how the capsule iinfluenced the station design.
We have several draft models made with cardboards and laser cut. The final model was build in two steps. The first one was to manufacture the site using plywood and CNC. The second step then was to build the upper part of the station by laser cut cardboards.
As always, we started thinking about the biggest issue with the station design before we had the spiral concept. The spiral system was a solution to both fast speed boarding and capsule U-turn problem.
3D Print
Discussion
Mechanism
Special part of the tube and the platforms were 3d printed. Also we 3d printed a capsule interior unit. Structure
Although the Hyperloop capsule experience is based on the railway mode, the station is more similar to an airport complex. We studied the space arrangement and circulation of airports, adapting it for our Hyperloop system. Each of us developed one or more prototype stations based on our concept. We finaly came to a 3-spiral scheme that systematically accommodated all required functions, from send-off, parking, chech-in, security check, to boarding, and from unboarding, luggage claim to parking or taking ground transportations.
Route
Envelop
e
WEBPAGE MECHANISM
Prototype
VATOR ATOR EVATOR QUESTION QUESTION 1-1- FREQUENCY FREQUENCY CAPSULE QUESTION FREQUENCY QUESTION 1-1- FREQUENCY CAPSULE CAPSULE
Fundamental Questions
DEPARTURE DEPARTURE DEPARTURE
TUBE TUBE TUBE
High Frequency Travel ARRIVAL ARRIVAL ARRIVAL The biggest
problem for us is how to load passengers in only 15 seconds. Every 30 seconds, there is a capsule leaving, according to Elon Musk’s Alpha document. It means all loading and unloading process have to complete in half a minute.
CAPSULE CAPSULE CAPSULE ECONOMY ECONOMYCLASS CLASS
ECONOMYCLASS CLASS ECONOMY 28 28Passenger Passenger per perCapsule Capsule 28 Passenger perCapsule Capsule 28 Passenger per
EVERY EVERY 30S 30S 30S EVERY 30S 15s EVERY 15sLoadi Load
FIRST/ FIRST/FIRST/ BUSINESS BUSINESS CLASS CLASSCLASS BUSINESS FIRST/ BUSINESS CLASS 12 12Passenger Passenger per perCapsule Capsule 12Passenger Passenger perCapsule Capsule 12 per
Capsule Transport
In a terminal station, capsules from arrival have to move to a different level for departure, and make a U-turn, for the tubes are vertically stacked. QUENCY
Peak PeakTime Time PeakTime Time Peak
150s 150sLoading Loading 150sLoading Loading 150s 150s 150sUnloading Unloading xx10 10xPLATFORMS 150sUnloading Unloading xPLATFORMS 10PLATFORMS PLATFORMS 150s 10
UENCY EQUENCY
We proposed a conceptual solution by moving the arriving capsule to a platform that does not influent later coming capsules. The more the platforms are, the longer one capsule can stay for loading. Our ECONOMY CLASS ECONOMY ECONOMY CLASS CLASS primitive design is based on a 10-platform proto28Passenger Passenger perCapsule Capsule 28 Passenger per per Capsule type, 528each for departure and arrival, allowing 2 EVERY 30S EVERY 30S 30S minutes for unloading, 30 seconds forEVERY moving and Peak Time Peak TimeTime turning the capsule, lastly another 2 Peak minutes for FIRST/ BUSINESS CLASS loadingFIRST/ new passengers. ItCLASS is a similar interval as FIRST/ BUSINESS BUSINESS CLASS CONCEPT + GENERATION Passenger perCapsule Capsule with the1212 railway system, though we expected to see Passenger 12 Passenger per per Capsule a 20-platform station that doubles the time.
TUBE TUBE TUBE
Concept Concept Concept 15sLoading Loading 15sUnloading Unloading OROR 15s 15s Loading 15s 15s Unloading OR - Load andand Unload 48-112 112112 - Load - Load and Unload Unload 4848Passengers Luggage perMinute Minute Passengers Passengers ++Luggage + Luggage per per Minute HELIX CAPSULE ELEVATORS Cleaning and Maintenace 2 2HELIX 2 HELIX 5 5CAPSULE 5 CAPSULE ELEVATORS ELEVATORS - Cleaning - Cleaning and and Maintenace Maintenace
150s Loading 150s 150s Loading Loading 150s Unloading 10 PLATFORMS QUESTION 1ELEVATOR 150s150s Unloading Unloadingx x10 x PLATFORMS 10 PLATFORMS DEPARTURE
ARRIVAL
CAPSULE
TUBE
CAPSULE
TUBE
15 15s - -Load Loada-L Passen Passe P - -Cleani Clean-C
Concept Design
Mechanism
Prototype
PROTOTYPE 01 PROTOTYPE PROTOTYPE0101
PROTOTYPE PROTOTYPE0202
The spiral system is a variant from elevator. It makes the levitation and U-turn together, and for several capsules at the same time. Our scheme is to have three spirals, because the shell and the interior of a capsule is separate. The shell needs to be airtight and remain in the tube. When arriving at the station, the interior cartridge is detached from the shell, to unload passengers, and be lifted up by a spiral to departure level. PROTOTYPE PROTOTYPE01 01
ROTOTYPE 01 The
02 movePROTOTYPE the arriving
third spiral is introduced to capsule down to the basement for cleaning purpose before it is send to load new passengers.
PROTOTYPE PROTOTYPE02 02
PROTOTYPE PROTOTYPE03 03 PROTOTYPE 04
PROTOTYPE 03 PROTOTYPE 0404 PROTOTYPE
PROTOTYPE PROTOTYPE0505
Spiral System
ROTOTYPE 04
ROTOTYPE 07
PROTOTYPE PROTOTYPE04 04 PROTOTYPE 05
PROTOTYPE 06 PROTOTYPE PROTOTYPE 0707
PROTOTYPE PROTOTYPE05 05
PROTOTYPE PROTOTYPE06 06 PROTOTYPE 07 PROTOTYPE PROTOTYPE 0808
PROTOTYPE PROTOTYPE PROTOTYPE08 07 07
PROTOTYPE 09 08 PROTOTYPE 08 PROTOTYPE
PROTOTYPE PROTOTYPE09 09
Selected Scheme
Programming This is an illustration of our developed mechanism, which explains how the three spirals work in group to keep the system operating at a high pace. Departure platform is at a higher level from arrival. A larger and slower spiral at the end is used for the outer shell.
Departure 5 Departure Platforms Spiral Elevator for Cartridge (down)
Maintenance of the system is during night time, when the larger spiral will rotate conversely down to send the shell to maintenance level.
1 Cartridge ready to load passengers 2 (Outershell ready for departure) Cartridge loading 3 Assemble (Cartridge attached to outershell) 4 Capsule departure
Spiral Elevator for Outershell
Arrival 5 Arrival Platforms
Spiral Elevator for Outershell
Spiral Elevator for Cartridge (up)
1 Capsule arriving 2 Detaching (Cartridge detached from outershell) 3 Cartridge unloading (Outershell sent for departure) 4 Cartridge down for clean and maintenance
Programming
Platform CARTRIDGE
MAINTENANCE CARTRIDGE
OUTER SHELL
DETACHMENT
ELEVATOR + RESTROOM
DEPARTURE PLATFORM MOVING DIRECTION PEDESTRIAN FLOW
PASSENGER DROP OFF ARRIVAL
DEPARTURE CHECK-IN ZONE COMMERCIAL ZONE ESCALATOR UP ASSEMBLY
OUTER SHELL CARTRIDGE
Passenger Flow We investigated how passengers will possibly use the station before they go to departure and arrival platform. Based on the general circulation for passengers and their luggage, we could develop an entire system from send-off to pick-up. It is significant for a transportation complex with large number of passenger volume.
Departure Departure
Arrival Arrival
Gated Gated LoungeLounge TransferTransfer
Baggage Baggage ReclaimReclaim
Departure Departure LoungeLounge Restaurant Restaurant Shop Shop Ticket Ticket
Baggage Baggage Check-in Check-in
Lobby Lobby Check-in Check-in
Entry Lounge Entry Lounge
Exit Lounge Exit Lounge ParkingParking
50 Passanger 50 Passanger
Public Transportation Public Transportation
Design Development
Lounge 4F VIP & Business Center
B1
General Parking
& Arrival 3F Departure Upper Floor
B2
General & VIP Parking
off & Pick up 2F Drop Lower Floor
B3
Maintenance
Transportation 1F Public & Entrance Hall
Design Development
Sectional Elevation
ND
ROU +61’ G
ND
OU 0’ GR 1 -18’ B 2 -36’ B 3 -54’ B
Design Development
Ground Floor Lobby
Design Development
Platform
Design Development
Physical Model
(Made of Cardboard, Plywood)
Passenger Experience
The most important part about designing the Hyperloop station was thinking about the human expirience from transportation to station, check in, waiting, boarding, seating, and unboarding.
1
2
3
4
1 Travel to station: Special roads transport vehicles from urban to station. The iconic canopy makes it visible from the street view. 2 Arrival to platform terminal: Passengers can easily be dropped off in front of their terminal which they will board from. 3 Check-in: Check in and baggage dropoff 4 Public hall: This area is designated for public use. Contains commercial. Thisarea would also be the dropoff and pickup for buses and public transit. 5 Passenger hall: This area is designated for passengers. Non passengers are not allowed in this area. This hall would have extra security.
5
Passenger Experience
6 Business Center: Offices, amenities, and meeting spaces for business passengers.
6
7
8
9
7 VIP waiting room: Only boarding passengers are allowed to be on this platform. 8 Boarding capsule: Inside First class seating. 9 Unboarding: Reached final destination. View of cartridge spiral. 10 Aerial view of station
10
4 HOT WIRE CUT Description
Skills & Technology
Date: September - October, 2015 (6 Weeks) Group: 5 students Instructor: Marta Novak, Peter A Vikar
KR-150 Robot
Through this experiment, we attempted to explore the application of digital tool, to generate a random-like architectural element that can be precisely reproduced.
The robot is controled by Grasshopper script. A bracket holding the wire is attached to the robot arm. It moves at a very slow speed in order for the hot wire to melt the foam cube. Grasshopper
The internal logic for the surface generated by hot wire cutter is the movement of two end points. We started from classifying the possible generation types for all surfaces. The design method was simple, though which we created a series of cuts to apply on our object foam cubes. Though the logic was simple, we encountered a few difficulties after introducing the robot to cut. We learned more about the limitation of this production tool. Due to the program setting, the robot was not able to cut all our created surfaces, even if it was supposed to be a very simple motion for human. Our control to the robot was realized by Grasshopper and Kuka PRC. The base script was from Kuka’s official website. Thanks to Grasshopper as a graphical algorithm editor, we were able to add our cutting command to the control script after carefully examining any potential problems that may confused the robot. Even though everything could be tested digitally, we still had a hard time making the cut. The result was also slight different compared to our simulation. In order to make it into an architectural element, we used cement to cast the cut pieces. The foam and concrete piece each has distinctive texture.
The Kuka Robot control script was written in Grasshopper. We worked on all the path and simulation setting using this great tool.
Procedure
Decompose
Basic Element
A1, A2, A3
Combination A
B1, B2, B3
Combination B
C1, C2, C3
Combination C
Final Scheme Final Cuts Cement Casting
Simulation Testing
Combine
Robotic Fabrication
Foam Cutter
Kuka KR-150 Robot
This project is inspired by the hot wire foam cutter. The most basic version of this machine is used for architecture student to cut mass model. More advanced curve cutter is often used to manufacture applied moulding for building interior.
The production tool we used is KR-150 robot from Kuka. A metal bracket supporting the wire is attached to the robot arm. As the robot is moving, attached hot wire will cut through the objected foam cube with heat. Since the hot wire’s movement generates the surface, the path of its two end points thus identify how the foam is cut. We call the two curves rails.
KUKA KR-150 Robot
Hot Wire Bracket
Rail
1
Foam Cube
3 Wire
2 Rail
STEP 1 - Surface Generation Each rail could be point, line or curve. We generated each cut following a sequence of the combination of these point, line and curve. Curve + Curve was supposed to generate the most complicated surface, but it is Point + Curve combination that actually made it.
Point + Curve (1)
(2)
(3)
All the cuts were modeled in Rhino. However, to connect to the robot, the moving path was set up with Grasshopper, a plug in for Rhino based on a visual programming language. The robot control program is public online. Line + Curve (1)
(2)
(3)
(2)
(3)
a. Point + Curve
b. Line + Curve Curve + Curve (1)
b. Curve + Curve
STEP 2 - Multiple Cuts Test 1 Point + Curve - 2 Cuts
We applied several cuts on one cube. Each cut was a transformation and related to others. This experiment cut the cube into 3-4 artistic pieces. We have to design the cutting sequence, as well as the starting direction to produce expected installations.
Test 2 Line + Curve - 2 Cuts
Test 3 Line + Curve - 3 Cuts
Test 4 Curve + Curve - 2 Cuts
Selected Test Curve + Curve - 3 Cuts
STEP 3 - Concrete Casting The last step was to cast what we had into a concrete model art. The object piece was removed, and the rest became parts of the casting mould. We made a plywood container for casting. Since cement is specially heavy, and the foam is too light, we have to fix the mould with nails and clamps. We did a test casing in a 8�x 8� rough countainer with wasted piece. Finally, the cast took nearly 100lb cement, extremely heavy to move.
1
2
3
Mould
To Cast 4 Mould
5 PROJECTION MAPPING TEST Description
Skills & Technology
Date: January - February, 2015 (6 Weeks) Group: 4 students Instructor: Marta Novak
Projector
Projection mapping, also known as video mapping and spatial augmented reality, is a projection technology used to turn objects into a display surface for projection. A two or three dimensional object is spatially mapped on the virtual program which mimics the real environment it is to be projected on.
The equipment we used for this assignment was a basic Samsung projector for academic use. It was not a very significant factor for this experiment. The challenge was that we had this only projector to deal with projecting surfaces at various angles at a time. It was also our achievement compared to other projection mapping test we researched online.
Procedure
Simplify
Research
Technology
Test
Visual Illusion
Rhino/ Laser Cut Since we had only one projector, we spent much efforts to study and adjust the distortion caused by nonperpendicular projection. Our first test was conducted on a 20� x 20� foam cube from various perspective. Simultaneously, we classified the type of illusions we could play with using projection techniques, such as to add an extra dimension, change texture, or flatten an existing 3d object. Our next step was to project on a complex sculpture created by ourselves. The sculpture was shaped digitally with Rhino, and constructed with white cardboard. Then we conducted our mapping test, during which the digital model was constantly adjusted to avoid distortion. Consequently, our final digital model was slightly different from the sculpture, but they matched while projecting. The last step was to render an animation to further conduct our researched illusion experiment. However, the animation was actually rendered by Maya, for we found its advantages over Rhino for generating transitional geometries. The final projection was like a light show.
Ideation
The digital concept model and installation study was done by Rhino. It also helped to connect laser cut to precisely cut each piece of the physical model.
Summary
Concept Side Effects
Maya
Sculpture
We soon found that Rhino rendering as an architectural tool, dealt with only static images. Though we introduced Grasshopper to automatically generate transitions between two scenes, the result was not so satisfied. The final animation was rendered using Autodesk Maya. It is a more professional rendering tool in animation industry.
Animation
Mapping
Projection Record
VIDEO
e
WEBPAGE
Adjustment
STEP 1 - Mapping Test
Build a Physical Model
Projection Installation Projector
We designed this pyramidal structure the purpose of eliminating TION for disruptive shadows, when projecting G from a LIU horizontal source. hunhua CHIU Hanxiong Danfeng CHEN light Yifan ZHANG
|Surface
Installation The digital model was built with Rhino, which could perfectly connect to the laser cutter for production.
x 40’’
Laptop
Distance 21'-4"
Digital vs Physical Model
5'-5"
6'-10"
3'-8
5'-5"
26°
3'-0"
6'-3"
"
3
"
5'-2"
3'-9
2
1
3'-11
"
40”x 40” x 40” 4
3'-0"
6"
3'-
3'-8"
" 6'-3
6'-7"
" 5'-6
7
"
6
5'-6
"
5
6'-3"
10
4'-
6'-10"
6'-3"
6
8
5'-1"
3'-8"
3'-11"
3'-8"
9
21’-4’’ 4'-10"
6'-8
5'-1"
" 8'-10
11
"
" 4'-5
7'-8"
"
10
3'-9
"
6'-8
9
12 "
2'-11 2'-11"
0"
4'-1
21’-4’’
4'-5"
48’’
48”
STEP 2 - Ideation
Illusion According to our research, there are four types of illusions we could create using projection mapping techniques, not only new dimensions, but also other interesting visual tricks. Our later experiments are based on these meaningful illusions.
Expaning
Texture
Non-existed space or objects are made out of current installation.
Surface effects that creates visual sense of a certain texture, such as origami, masonry, or greening.
Vanishing
Flattening
Existing space or objects visually disappear, by blending itself in surrounding environment.
3d objects become 2d from a certain perspective, producing the effect that the object does not belong to the 3d installation.
STEP 3 - Tell a Story This is a draft storyboard of the rendering animation. Based on previous research and tests, we designed how the geometry would appear, fold and unfold itself, transform, interact with or blend in the surroundings. This was also an artistic process, for each test had to be logically connected.
Black scene
White Light Geometry Pour Down Turn Back to Black
White Flash Light Flickering Effect
Surface Raised Up
Surface Unfold Geometry Appear
Spark 3 Times Split into Piece
Pieces Fly and Spin
Extend to Background Extra Surface Appears
Geometry Escape From Canvas
Geometry White Out
Geometry Fades Away Disappear from Canvas
Geometry Fold Back and Fhysical Model Appears
One Surface Lasering Out
One Piece Shakes Impulsing Effect
Geometry Flies in Background Space
STEP 4 - Projection This group of images are photo from the real projection. The animation projected was rendered with a black background in Maya. Through several test projection and adjustment, we found an interesting side effect that the projection did not indicate where the light source came from, meaning that we could create visual effects that looked like the light was from any perspective. Then we added another scene rendered with fake shadows. Through the movement of these shadows, it felt like there were some light source moving from the left to the right in front of the installation.
6 ARTWORK Commercial Design
This project is in preparation for 2017 SXSW exhibition in Austin, TX in March. Working closely with their marketing manager, I designed a series of business presentations, boards and stickers for DataMesh.
Postcard Size 4.2 x 5.6 in This is the company’s Chinese New Year postcard. The challenge is to show both traditional pattern and a sense of high tech.
Front
Back
Row Up Banner Size 33 x 79 in The banner is designed following a hierarchy of information. The company’s name and goal are placed at view’s eye level, and less important informations are at the bottom.
Mixed Reality Meets Data Science At DataMesh, We build advanced Mixed Reality APPs on HoloLens.
Color Identity
Our mission is to bridge the real world with borderless virtual world and enable valuable business solutions.
HoloHub HoloLens VIP Showroom
HoloDesign HoloLens Interior Design
www.datamesh.com
MeshExpert Big Data & IoT Solutions
Traveling with sketchbook I traveled a lot before joining the workforce. Instead of taking photos, I carried my sketchbook everywhere. Although most of my drawings are pen or pencil sketches, I enjoy water color and digital painting as well.
MusĂŠe du Louvre - Pen
Still Lives - Pencil
Cascades - Watercolor
Thank you! Daphne Danfeng Chen chendf999@gmail.com Continue viewing my video porfolio.