arch.portfolio_2017() {
//graduate.application //tristan.snyder //u.c.berkeley
seoul studio
A
// // //
field.measure(); // 01
Sub-Station 01_E_aa Termination [End of Line 01]
Station 01_E Central [leisure park]
Station 01_D Central [leisure park]
02
03
Station 01_C Central [leisure park]
04 06
05
Station 01_B Canopy [market intersection]
The borough of Changsin, in Seoul, South Korea, is one of the oldest districts in the city. In the 1970’s garment factories began to proliferate the neighborhood after union activity in the original location, Pyeonghwa, caused the industry to disperse. This movement enveloped the neighborhood and created the manufacturing heart of Dongdaemun market, but with the rapid industrialization came the need for logistics systems and a disregard for the quality of living. The district’s street system is congested with heavy motorbike and small truck traffic that supplies the strata of factories. Due to the volume of traffic the district is experiencing a cap preventing further development, and it is not able to compete in the global market. The proposal is a system connecting the logistics systems of independent factories to create a mega-factory able to compete with global mass-production (assembly line production), while maintaining specialization within each subcontracted facility. Using a system of pneumatic pipes to fulfill the supply needs of the district may increase factory efficiency, reduce congestion, and catalyze industrial growth within the district. The physical separation of the supply network while maintaining its visual presence retains the productive character of the district and promotes a return of the resident’s social space.
Hub-Station 01
Intracity connection
A Station 01_A Whole Sale [raw materials]
Station 01_F[a] Retail [market]
Station 01_F[b] Retail [market]
//changsin.seoul_south.korea //infrastructure.system 3
field.measure(); // Seoul, South Korea experienced a rapid period of growth following the end of the Korean War. The buildings constructed during this time had very little consideration of electricity, HVAC, and gas utilities. When the buildings needed to be retrofitted for these utilities there was no cost-effective way to conceal the systems within the finished walls. The solution was to attach them to the exterior of the building resulting in buildings wrapped with gas lines, ventilation systems, electrical, phone, and internet cables.
// // // Mapping these systems informs the viewer of the program of the district, and begins to visually demonstrate a hierarchy within the neighborhoods. This district, Changsin, is a primarily light industrial and residentital neighborhood with factories linning the more heavily trafficked corridors. The density of utilities indicates the massive electrical usage, and should the building forms be removed the utilities define more explicit spaces compared to a primarily residential district.
//changsin.seoul_south.korea //utility.mapping 4
micro.to.mega(); [ DESIGN ]
[ FACTORY ]
[ PRODUCT ]
[ MARKET ]
// The typical mass production process involves a single large order designated for a mega factory that specifically manufactures a single product at a time. The mega factory is efficient, but lacks the diversity in design.
changsin.system(); // In the existing Changsin production process the micro-factories act individually to produce a range of products; each factory recieves a small order to be fulfilled. To complete the order sub-contracted facotries perform specialized industrial roles. The movement between facilities requires motorbike transportation within narrow connecting alleys already congested with pedestrians.
proposed.system(); // By incorporating a pneumatic pipe system into the district to replace the large number of motorbikes, the series of micro-factories may become a cohesive mega-factory. The new district wide mega-factory continues to maintain a diversity in product design by maintaining the individuality of each factory, but the system creates an efficient method of transportation that returns the street to the workers.
//changsin.seoul_south.korea //infrastructure.system 5
t es sen arriv nets nets garm roned d /i arm : G inishe shed 5 13:3 :30: F be wa 16 to
bric
f fa so
-----:
Sup p and lier sen thre ds y ad v ards ia ca of fa psu le bric, bu
e
r ord
wne
ry o
acto
0: F
9:3
ard rs y
ule g es hin aps finis arriv ia c ad red v t to e hre sen ric/t h deliv ric b b a fa le 5: F Lunc own psu 10:3 2:00: ut/s ca 1 0: C p via 13:3 sho
98
m
95
m
op
sh es tail arriv t to re nets sen arm nets g arm hed inis hed g is 5: F 16:3 0: Fin 18:0
tton
85 m
80
m
75
m
s,
0m
70
m
Sin
gle
65
m
60
m
f so yard d ers rea ord d th ale ns, an s hole utto -: W , b ---- fabric
:F :30
c abri
10
ent
is s
50 m
55 m
Op
era
tion
Sho
ps/S
pec
er
wn ry o
via
sule
cap
to
to fac
op
h 0: S
00
rs 1
rde
er o
own
ts pan 45
m
9:0
nets
40
m
e
arriv
35
Ma
m
arm
g hed
in F
inis
5: F
18:0
acto
ry C
onc
entr
atio
n
end
30
_sta
m
par
25
k_s
m
Patt
cou
ern
20
m
15
m
rtya
ing
/Fin
ish
ing
can
opy
Wh
ole
Sale
hub
rd_
tion
tati
on
sta
tion
_sta
tion
_sta
tion
//district.intervention //system.mapping 7
ialt
y
denver studio
SPE
15TH STREET
// // //
ER
field.measure();
BLV D.
IH-25
//
5
IH-2
WATER STREET
1404 Wynkoop, Denver, Colorado is located near the heart of downtown, three blocks from Union Station, the heart of Denver ligth rail. The site is 125’ long by 62’ wide with a small outcropping, 20’x25’ on the East side. The existing program of the site is a pay to park asphalt black top, and the site is bordered by mixed-use apartment/commercial/offices.
SOUTH PLAT
TE RIVER
B
18TH STREET
ET
RE
N
E
ELITCH CIR.
TL
LIT
VE RA
ST
CHERRY CREEK
19TH STREET
B
20 19 18
CHESTNUT PL.
B
14
B
B
WEWATTA STREET
17
10 11
09
08
15 12
B
16 07
13 B
AURARIA PKWY.
The site’s topography slopes from West to East (away from the creek), and North to South. The site abutts an alley linking the 16th street mall with the site, and acts as the primary drainage corridor for the Wynkoop and Wazee St. blocks. The site is directly between the Pepsi Center and Coors Field, and the site is only a few blocks away from the University of Colorado at Denver.
WYNKOOP STREET B
06
34
B
01 B
WAZEE STREET 02
05 04 B
B
B
B
03
EK CRE
MARKET STREET
B
31
RRY
19TH STREET
18TH STREET
30
BLAKE STREET
The proposal is a community center that acts as a recreation center. The design along Cherry Creek (existing pedestrian and bike path) may become a place for pause or additional activity.
CHE
B
21
B B
B
LARIMER STREET B
32 B
B
33
29
LAWRENCE STREET
B
24
B B
B
B
B
B
22
ARAPAHOE STREET
23
25 B
17TH STREET
B
B B B
B
18TH STREET
B
B
B
CURTIS STREET
CHAMPA ST.
B B
STOUT ST.
B
B
27
B
CALIFORNIA ST.
B
B
WELTON ST.
GLENARM PL.
AX LF
O
.C W
13TH STREET
B
28
B
.
E AV 26 B
TREMONT PL. 16TH STREET
15TH STREET
14TH STREET
B
COURT PL.
//denver.colorado_united.states //community.center 9
148’-0” 145’-6” Plan 09
123’-9”
111’-6”
precedent.study(); Plan 08
99’-3”
Skylight Connector Regular Drainage (120mm) Emergency Drainage (120mm)
Plan 07
73’-3”
Shenzhen Bao’an International airport, by Studio Fuksas, explores a system of oculi that regulate solar radiation and create a topography wrapping the structure in an origami surface. The system is supported by a series of ribs composed of tube steel trusses. The lateral bay structure is anchored into concrete slabs uplifted by concrete columns.
envelope.study();
Wall Section Model Plan 06
58’-4”
The envelope design, inspired by the Studio Fuksas structure, uses a series of tube steel trusses that support perforated panels. The undulating skin folds into the mass to form the central void and performs as an activated surface. The rock climbing wall, being the most vertical program, conforms to the twisting central volume.
45’-9”
Plan 03
21’-0”
Pinned Joint @ Floor Tube Steel (O 159mm) Concrete Pillar
8’-0” Plan 01
0’-0”
Plan -01
-11’-8”
Plan -02
-23’-4”
Scale: 1’
2’ 1’
8’ 4’
//denver.colorado_united.states //community.center 10
//denver.colorado_united.states //community.center 11
austin studio
// // //
study.model(); // The city of Austin is divided by IH-35 which runs from the Northern edge of the United States to the Southern tip of Texas. An extreme connection like this interstate highway brings with it extreme volumes of traffic, only magnified by the urban density. Within this urban environment is the entertainment district, in downtown Austin, which includes 5th, 6th, 7th, and RedRiver street. The site is located on the edge of this district and brushes shoulders with the country long vein, and the divisive Waller Creek. The proposal is a connective tissue to join the East and West sides of Waller creek while preparing for the future of IH-35. The tissue acts as a connector, but becomes a place.
idea.modeling(); By shifting the performance program to the creek side, the point of interest shifts. This new gesture not only creates an easy means of crossing the creek, but it creates an intriguing entrance through a performance space on the creek.
//austin.texas_united.states //music.center 12
//austin.texas_united.states //music.center 13
//austin.texas_united.states //music.center 14
mixed media
// // //
digital.media.02(); //
Original Polyhedron: Bi-scribed Truncated Octahedron
All square faces removed from the polyhedron.
From the apertures, surfaces were constructed inwards, creating voids framing the core.
Cluster aggregated from perforated and scaled polyhedron.
2’X2’ grid to determine horizontal curve sizes and shapes.
Second Grid, vertically oriented to create the arch’s apex.
Last grid angled from the center at a 45 degrees to create the final arch adjustment.
Lofting the curves derived from the 2’X2’ grid to create a twisting arch.
//panneling.tooling 15
import processing.video.*; Capture video; color trackColor; float threshold = 30; float blobThresh = 65; float opacity = 80;
display
int distance01 = 60; int distance02 = 70; int distance03 = 100; int distance04 = 150; int maxDistance = 200; ArrayList<Blob_01> blobs = new ArrayList<Blob_01>(); void setup() { video = new Capture(this, 1280, 720); video.start(); trackColor = color(255, 0, 0); fullScreen(); }
cam
void captureEvent(Capture video) { video.read(); } void keyPressed() { if (key=='a') { blobThresh+=5; } else if (key=='z') { blobThresh-=5; } println(blobThresh); if (key==',') { maxDistance-=5; } else if (key=='.') { maxDistance+=5; } println(maxDistance); } void draw() { video.loadPixels(); image(video, 0, 0); noStroke(); fill(0, 210); rect(0, 0, width, height); blobs.clear(); threshold = 100;
for (int i=0; i <= blobs.size()-1; i++) { for (int j=i+1; j <= blobs.size()-1; j++) { float d = (dist(blobs.get(i).centx, blobs.get(i).centy, blobs.get(j).centx, blobs.get(j).centy)); if (d > 0 && d < distance01) { stroke(255); strokeWeight(1); line(blobs.get(i).centx, blobs.get(i).centy, blobs.get(projector j).centx, blobs.get(j).centy); } else if (d > distance01 && d < distance02) { recording stroke(240); strokeWeight(.75); line(blobs.get(i).centx, blobs.get(i).centy, blobs.get(j).centx, blobs.get(j).centy); } else if (d > distance02 && d < distance03) { stroke(220); strokeWeight(.65); line(blobs.get(i).centx, blobs.get(i).centy, blobs.get(j).centx, blobs.get(j).centy); } else if (d > distance03 && d < distance04) { stroke(200); strokeWeight(.5); line(blobs.get(i).centx, blobs.get(i).centy, blobs.get(j).centx, blobs.get(j).centy); } else if (d > distance04 && d < maxDistance) { stroke(100); strokeWeight(.1); line(blobs.get(i).centx, blobs.get(i).centy, blobs.get(j).centx, blobs.get(j).centy); } } } //fill(0); //noStroke(); //rect(0, 0, 280, 720); //rect(1000, 0, 1280, 720); }
class Blob_01 { float minx; float miny; float maxx; float maxy; float centx; float centy; Blob_01(float x, float y) { minx = x; miny = y; maxx = x; maxy = y; centx = x+5; // centy = y+5; } Gamification is the use of interactive displays to social interaction. Our proposal is to void show()encourage { stroke(0); visually display proximities systematically using fill(210); the Java based Processing platform. Our code calls for a video capture that tracks pixel color strokeWeight(0); (246 white), and establishes clusters of color or //rectMode(CENTER); that may be mapped and used as nodes. //rect(minx,“blobs” miny, maxx, maxy); These nodes are then visually represented by an ellipseMode(CENTER); ellipse at 5,which ellipse(centx, centy, 5); they may be connected by neighboring blobs. }
moth();
Thisx, collection void add(float float y) { of points and lines amorphosly defines x); the participant’s motion, and as two minx = min(minx, differenty); individuals approach a specified miny = min(miny, thresholdx);connections begin to connect each maxx = max(maxx, collection of nodes. maxy = max(maxy, y); } The project creates an interactive incentive to float size() {breakdown the layers of social boundries our culture has, and through the game-like situation return (maxx-minx)*(maxy-miny); begins to spark conversation between } strangers. boolean isClose(float x, float y) { The project may also act as a billboard for a less float cx = ((maxx+minx)/random(1.8,2)); populated area in town at which the class float cy = ((maxy+miny)/random(1.8,2)); exhibitioncy,was float d = distSq(cx, x, y);held. The Urban Tech location in downtown Lubbock {counterintuitively is sparsly if (d < blobThresh*blobThresh) occupied after 5:00pm. The projection of a 46’ X return true; } else { 24’ display 15’ off the ground acted as an invitation to the unknown location. return false;
float distSq(float x1, float y1, float x2, float y2) { float d = (x2-x1)*(x2-x1) + (y2-y1)*(y2-y1); return d; } float distSq(float x1, float y1, float z1, float x2, float y2, float z2) { float d = (x2-x1)*(x2-x1) + (y2-y1)*(y2-y1) + (z2-z1)*(z2-z1); return d; }
}
}
}
https://youtu.be/mJbQqAEzbMc
void mousePressed() { int loc = mouseX + mouseY*video.width; trackColor = video.pixels[loc]; }
for (int x = 0; x < video.width; x++) { for (int y = 0; y < video.height; y++) { int loc = x + y*video.width; color currColor = video.pixels[loc]; float r_01 = red(currColor); float g_01 = green(currColor); float b_01 = blue(currColor); float r_02 = red(trackColor); float g_02 = green(trackColor); float b_02 = blue(trackColor); float d = distSq(r_01, g_01, b_01, r_02, g_02, b_02); if (d < threshold*threshold) {
}
}
}
boolean found = false; for (Blob_01 b : blobs) { if (b.isClose(x, y)) { b.add(x, y); found = true; break; } } if (!found) { Blob_01 b = new Blob_01(x, y); blobs.add(b); b.show(); }
//code.processing 16
freehand.work(); //
//acrylic.ink 17