SELECTED WORKS UNIVERSITY OF PENNSYLVANIA
JUNG JAE SUH
JUNG JAE SUH
EDUCATION
20-24 N 40TH ST APT #24, PHILADELPHIA, PA 19104 M_ 1.510.967.2117 E_ jungjsuh@design.upenn.edu
University of Pennsylvania
Class of 2017
Master of Architecture
University of California, Berkeley
Class of 2012
Bachelor of Arts in Architecture
Dongguk University, Seoul , Korea
Class of 2006
Bachelor of Arts in Multimedia Engineering
AWARDS
University of Pennsylvania Schenk-Woodman Competition 2016- 1st Place E. Lewis Dales Travelling Fellowship 2015- 3rd Place Design Award 2015 - Nomination Year End Show 2015 - Exhibition
University of California, Berkeley Berkeley Circus and Soiree 2011 - Exhibition
PUBLICATION
WORK EXPERIENCE
PennDesign Pressing Matter 4 PennDesign Pressing Matter 4 PennDesign Pressing Matter 5 University of Pennsylvania,
Fall 2014 / ARCH 501 Studio Work (Danielle Willems) Spring 2015 / ARCH 502 Studio Work (Annette Fierro) Fall 2015 / ARCH 601 Studio Work (Kutan Ayata)
PHILADELPHIA PA Spring 2016
Graduate Teaching Assistant ARCH 502 Eduardo Rega First Year Graduate Architecture Studio
University of Pennsylvania,
PHILADELPHIA PA Fall 2015
Graduate Teaching Assistant ARCH 501 Ezio Blasetti First Year Graduate Architecture Studio
University of Pennsylvania,
PHILADELPHIA PA Summer 2015
Graduate Teaching Assistant Digi-Blast I, II & III Ezio Blasetti, Danielle Willems Summer Preparatory Workshop
CANNO DESIGN, PHILADELPHIA PA
July 2015 - Aug 2015
Architectural Intern Schematic Design for Restaurant/Office/Commercial projects, Drafting, 3D Modeling/Rendering
TC ArchStudio, SAN FRANCISCO CA
Nov 2011 - Sep 2014
Architectural Intern Schematic Design for Restaurant/Office/Commercial projects, Building Permit / Construction document, Drafting 3D Modeling/Rendering, Physical Modeling, Graphic Design
Grey.Studio, BERKELEY CA
Jan 2012 - June 2012
Architectural Intern Physical Modeling, 3D Modeling / Rendering
SKILL SUMMARY
Computer Skill Rhinoceros, Autodesk AutoCAD, 3ds Max, Maya, Revit, Flow Design, Google SketchUp, Bonzai 3D, ZBrush, Real Flow, V-Ray , Keyshot, ESRI ArcGIS, Microsoft Office Suite Adobe Photoshop, Illustrator, Premiere, InDesign, Acrobat Python, Grasshopper, Processing, Java, C, C++ LanguageSkill Native Speaker of Korean
01 NEW LIVING OBJECT Atomized Plan Micro Housing in NYC ARCH 601/Kutan Ayata
02 SOUS LES PAVÉS, LES ZOMBIS The Aquatic Arts Center ARCH 502/Annette Fierro
03 LAS MENINAS Agorithmic Designed Kahn’s Pavilion ARCH 501/Danielle Willems
04 HYPOTROCHOID Algorithmic Spirograph in 4D Space ARCH 743 Form and Algorithm/Cecil Balmond, Ezio Blasetti
05 IT’S ALWAYS SUNNT IN PHILADELPHIA A Monument To The Delaware River Schenk-Woodman Competition
06 PROFESSIONAL WORKS TC ArchStudio 2011-2014
Exterior South View
01 NEW LIVING OBJECT Atomized Plan Micro Housing in NYC University of Pennsylvania ARCH 601 Kutan Ayata The evolving demographics and life styles in urban centers require new modes of living. A recent turn in New York City and other Urban cneters have been to explore the potentials of “Micro-Units” which are efficently planned 300 sqft units for single occupancy. This new typology of housing has arrived only with the aesthetics of efficiency and bears no disciplinary design agenda to participate in the architectural discourse. This project is a Live-Work hybrid building just south of Soho, incorporating variations of micro units. The building has units for single/group of individuals and small families with sharing kitchens and living rooms.
Atomized Plan Minimum required objects in the micro housing are understood as ‘Atoms.’ Each atom has a different size, character and potential. Combinations of these atoms create hybrid programmed spaces for new life styles. Combinations of these programmed spaces create micro units. This Atomized Plan is satisfied with new modes of living as well as efficiency of micor units
object.egressStair objectArea = 202+ sqft spaceArea= 202+ sqft type = bldg
object.bed objectArea = 33+ sqft spaceArea= 97+ sqft type = bed
object.kitchenSink objectArea = 14+ sqft spaceArea= 35+ sqft type = kit
object.bathTub objectArea = 12.5+ sqft spaceArea= 12.5+ sqft type = bath
object.closet objectArea = 11.25+ sqft spaceArea= 26+ sqft type = bed
object.couch objectArea = 11+ sqft spaceArea= 15.9+ sqft type = liv
object.tvStand objectArea = 7.5+ sqft spaceArea= 12.5+ sqft type = liv
object.refrigerator objectArea = 7.2+ sqft spaceArea= 13.34+ sqft type = bath
object.barTable objectArea = 7+- sqft spaceArea= 21+- sqft type = kit/liv
object.coffeeTable objectArea = 6+ sqft spaceArea= 10+ sqft type = liv
object.ovenStove objectArea = 5+ sqft spaceArea= 12.5+ sqft type = kit
object.bathSink objectArea = 4.5+ sqft spaceArea= 15+ sqft type = bath
object.toilet objectArea = 2.5+ sqft spaceArea= 15+ sqft type = bath
object.column objectArea = 1+ sqft spaceArea= 2.19+- sqft type = bldg
DN
UP DN
object.elevator objectArea = 38+ sqft spaceArea= 68.5+ sqft type = bldg
UP
objects of mirco housing
Richer Hafen (1938), Paul Klee
Formally the atomized plan is inspired by a Swiss German painter Paul Klee’s paintings.
formal expansion
Bedroom
Bathroom
1Bedroom Unit
Studio Unit
Typical Units Plan 1 / 32” = 1’-0” scale
1 3
2
2 3
5
4
1 1 2 3 4 5
bed room buillt in furniture ADA bathroom sharing kitchen sharing living room
2
Unit Plan 1 / 16” = 1’-0” scale
Atomized Plan Study
240ft
230ft
220ft
210ft
200ft
190ft
180ft
170ft
160ft
150ft
140ft
130ft
120ft
110ft
100ft
90ft
80ft
70ft
60ft
50ft
40ft
30ft
20ft f
10ft
0ft 5ft
10ft
15ft
5ft
10ft
15ft
5ft
10ft
15ft
5ft
10ft
15ft
5ft
10ft
15ft
5fftt 5ft 5f
10ft 10ft 10f 0ft
15 15f 5ft f ft
5ft 5f fftt
110f 10ft 0ft 0t
15 15ft 5fft 5
5fft 5ft
10 10ft 110f 0f t 0f
115f 5ftt
5ft
10ft
15ft
5ft
10ft
15ft
5ft
10ft
15ft
5ft
10ft
15ft
5ft
10ft
15ft
5ft
Formal Algorithm Because the site is only 3,500 sqft and 65 ft long, the atomized plan has to be grown vertically to create about 100 micro units in the building. A formal algorithm is designed to create veritcal forms and to control exquisitely. Each atomized plan is grown vertically by controlling its own rotation angle, twisti angle and height information and updated by editing sectional curve. This algorithmic design allows to have unlimited iterations in short time. The aesthetic of the form can be developed by 3D pringting many different iterations. New atomized plans are created by this formal algorithm in three dimensionally included detailed dimension for ADA requirement.
Formal Study Model
10ft
15ft
Double Height Plan 1 / 32” = 1’-0” scale
Typical Units Plan 1 / 32” = 1’-0” scale
Floor Plan
Office Plan 1 / 32” = 1’-0” scale
Gound/Lobby Plan 1 / 32” = 1’-0” scale
Floor Plan
Schematic Plan The atomized plan offers the corridor as a shared kitchen and living room that minimize wasting space and also each micro unit can have unique and high quality of space.
ROOF : 230’
22F : 220’
21F : 210’
20F : 200’
19F : 190’
18F : 180’
1 bedd / shared 2bed
17F : 170’
16F : 160’
residential e units studio u
15F : 150’
14F : 140’
13F : 130’
12F : 120’
11F : 110’
office
10F : 100’
mixedd uses
9F : 90’
8F : 80’
7F : 70’
residential e units n 1bed / 2bed
6F : 60’
5F : 50’
4F : 40’
3F : 30’
2F : 20’
1F : 0’
Transverse Section 1 / 32” = 1’-0” scale
1 / 32” = 1’-0” scale
Building Section
ROOF : 230’
22F : 220’
21F : 210’
20F : 200’
19F : 190’
18F : 180’
17F : 170’
16F : 160’
15F : 150’
14F : 140’
13F : 130’
12F : 120’
11F : 110’
10F : 100’
9F : 90’
8F : 80’
7F : 70’
6F : 60’
5F : 50’
4F : 40’
3F : 30’
2F : 20’
1F : 0’
Front Elevation WEST
1 / 32” = 1’-0” scale
Right Elevation SOUTH
Rear Elevation EAST
Left Elevation NORTH
Building Elevation
3D Printed Model 3D power printing technology with a color setting algorithm allows to explore various color conďŹ gurations as well as to make complicated form with mathematically high precision.
column / slab / core
structure to space
articulation of space
threshold boundary
Atomized Building
Studio Unit Interior View Built-in furniture with curved walls and full height window allow more space and light in the unit. At the same time, the defamilarization of the micro units offer unique and new urban life style.
Exterior West View
Diving D Div inng Pool ing Poool / P P Public ub icc W ub ubl Wal Walk aalk
02 SOUS LES PAVES, LES ZOMBIS Under The Cobblestones, The Beach Zombies The Aquatic Arts Center University of Pennsylvania ARCH 502 Annette Fierro The program of new aquatic arts center is exible enough to allow full public participation at all times. The project is based on an idea of the Carnival which suggests a uctuation in cultures that is dynamic and ever mixing. The design process begins with writing scripts of the carnival, and then designing algorithm from the scripts. The design of the aquatic arts center is designed by combining of the scripting of the scripts and site mappings.
Scripting Scripts The laughter is a crowd of zombies. It seems like they are in anarchy. However, it is more like freedom. They keep re-organizing themselves. Into various size of group. They are trying to bring more people in their crowd. They are not just zombies we normally seen from movies. They have a big structure. It looks very grotesque as we can normally seen from zombie bie movies from a far. maybe because of its texture that looks like zombies' texture. However, r, the structure moved as a giants robot. Somehow it looks scary but funny too. The machinery nery structure are actually laughing at us.
Restricted/Released Movement
Program Rearrange
The rearrangement of the program by occupying hour research makes the Aquatic Arts Center with various programs as a 24 hours walkable space. The site is isolated by exsiting the highway and infrastructure from the grid of Philadelphia. People’s everyday life is happening along those urban voids. “space is practiced place.” - Michel de Certeau
Dérive Philadelphia
The street is transformed into space by walkers on it. urban voids vo are transformed into space by zombies and survivors on it. urvan voids is transformed into space by urban activistis on it. Hide on urban voids, Watch on urban voids, and Fi Fight on urban voids! Under the Cobblestones, the beac beach! The Aquatic Arts Center is 24 hours walkable space inspired inspir by Situationist theorist Guy Debord’s The Naked City and an idea of dérive.
Population Growth/DĂŠrive Algorithm
The population growth algorithm is effected by environment facts such as elevation differences, textures, opened space and also population itself. The simulation is performed for the Philadelphia’s landmark, Love Park and based on a protest that could happen in Love Park, proteters as zombies. The algorithm of the dÊrive is based on a performance skateboard. It also can apply for the movement of zombies and survivor. Find a target - Kick - Perform at the target Ride -Find a target (loop)
Narrative / Interior Rendeirngng- Graphic Novel
The Graphic Novel style narrative with a series of interior renderings shows not only forms and programs of the Aquatic atic Arts Center, but also the idea of dĂŠrive. In the graphic novel, the he main character encounts zombies with different situations and reacts differently suchh as kill, avoid or watch the zombies. Like the graphic novel people in the Aquatic Arts ts Center can encount many different unexpected programs and events and they can decide ecide to join, ignore or watch. Each space is designed for these three options basically.
1
DELAWARE RIVER VIEW DECK
2
OLYMPIC DIVING 10M PLATFORM
3
OLYMPIC DIVING POOL
4
ROOF GARDEN / OUTDOOR POOL
5
TEACHING POOL
6
LOBBY / RETAIL
7
CAFE / RESTAURANT
8
SECRET ROOM
9
CHANGING ROOM
10
OUTDOOR THEATER
1
2
4
3
5
7
6
8
10
9
Site Plan
Ground Plan
Transverse Section Perspective
Logitudinal Section Perspective
Formal Study Model
Section Model
Site Model
interior view
03 LAS MENINAS Agorithmic Designed Kahn’s Pavilion University of Pennsylvania ARCH 501 Danielle Willems The new pavilion is a mirrored image of Esherick house with contemporary perspectives. Louis Kahn’s trope, servant and served space, uses as notational system for new pavilion which is a variation of the Esherick house as a modulation and perturbation of the poche that response to its surrounded environment. Served space as programmed space by occupants. Servant space as occupied space by programs.
Las Meninas Analysis The perspective of Las Meninas(1656) by Diego Velazquez is complicated. The painter in the painting is Velazquez himself, and his unrevealed thoughts are reflected to the painting. The project is inspired by the relationship of the characters in the painting.
Las Meninas (1656), Diego Velazquez
canvas
: projection
: architecture
painter
: 1st perspective
: me
king & queen
: old generation
: Louis Kahn
princess w/meninas
: next generation
: post-Kahn architects
served
Site / Esherick house analysis The algorithm for Esherick house analysis designed based on Louis Kahn’s trope ‘Served and Servant.’ The algorithmic analysis shows the servant space with high density curves and the served space with low desity curves. This same algorithm is applied to the entired site. The environments as well as the topography and Esherick house itself are creating served and servant space in the site.
servant
#.0 perturbation by topography
#.2 perturbation by served/servants area
#.1 perturbation by environments
formal pertubation #c.01
#.00
#.01
#.02
#.06
#.07
#.08
#.03
#.09
#.04
#.05
#.10
#.11
volume separation
generation:10-1 perturbation:100 value:1.500;-1.300;0.453;1.500;-1.500 distribution:22.3;26.1;28.2;32.3
generation:11-1 perturbation:100 value:1.720;-1.268;0.453;1.753;-0.250 distribution:24.2;26.1;28.2;31.2
generation:10-2 perturbation:100 value:1.500;-1.300;0.453;1.500;-1.500 distribution:22.2;25.1;27.2;30.1
generation:11-2 perturbation:73 value:1.542;-1.548;0.325;1.643;-0.342 distribution:24.2;26.1;28.2;31.2
generation:10-3 perturbation:100 value:1.500;-1.300;0.453;1.500;-1.500 distribution:23.1;25.2;27.1;29.2
generation:11-3 perturbation:102 value:1.723;-0.845;0.352;1.945;-0.523 distribution:24.2;26.1;28.2;31.2
generation:10-4 perturbation:100 value:1.500;-1.300;0.453;1.500;-1.500 distribution:25.1;26.1;29.1;31.3
generation:12-1 perturbation:97 value:1.134;-0.578;0.425;1.952;-1.629 distribution:24.2;25.2;28.2;32.2
generation:10-5 perturbation:100 value:1.500;-1.300;0.453;1.500;-1.500 distribution:24.2;26.1;29.2;32.2
generation:12-2 perturbation:107 value:1.134;-0.578;0.425;1.174;-0.526 distribution:23.2;25.2;28.2;32.2
generation:10-6 perturbation:100 value:1.500;-1.300;0.453;1.500;-1.500 distribution:23.2;25.2;29.1;31.2
generation:12-3 perturbation:107 value:0.878;-1.078;1.955;1.015;-0.632 distribution:23.2;25.2;28.2;32.3
volume iteration
generation:00-1 #ofVoronoi:20*4 pattern: 10 distribution:22.3;26.1;28.2;32.3 diffusion:0.99
generation:00-2 #ofVoronoi:38*4 pattern: 10 distribution:22.3;26.1;28.2;32.3 diffusion:1.05
generation:00-3 #ofVoronoi:64*4 pattern: 10 distribution:22.3;26.1;28.2;32.3 diffusion:1.05
generation:02-1 #ofVoronoi:63*4 pattern: 17 distribution:22.3;26.1;28.2;32.3 diffusion:1.15
generation:02-2 #ofVoronoi:63*4 pattern: 21 distribution:22.3;26.1;28.2;32.3 diffusion:1.15
generation:02-3 #ofVoronoi:63*4 pattern: 23 distribution:22.3;26.1;28.2;32.3 diffusion:1.15
generation:01-1 #ofVoronoi:32*4 pattern: 17 distribution:22.3;26.1;28.2;32.3 diffusion:0.93
generation:03-1 #ofVoronoi:58*4 pattern: 17 distribution:22.3;26.1;28.2;32.3 diffusion:1.19
internal subdivision
Algorithmic Design Catalog A simpliďŹ ed form of Esherick house with served and servant space in the designate site location selected by topological beneďŹ t starts to be perturbed by the topography, environments and served/servant space.
generation:01-2 #ofVoronoi:53*4 pattern: 17 distribution:22.3;26.1;28.2;32.3 diffusion:0.93
generation:03-2 #ofVoronoi:58*4 pattern: 17 distribution:22.2;25.1;27.2;31.3 diffusion:1.19
generation:01 #ofVoronoi:20*4 pattern: 10 distribution:22.3;26.1;28.2;32.3 diffusion:0.99
generation:03-3 #ofVoronoi:58*4 pattern: 17 distribution:22.4;25.1;27.2;30.3 diffusion:1.19
1 gallery.sculpture 2 gallery.reading 3 archive.reading 4 archive.digitalFormat 5 lobby 6 seating 7 enterance / exit
1 / 32 “ = 1 ‘-0 ” scale
Floor Plan + RCP The pavilion is a mirrored image of Eshrick house with different lens. Served and servants area has new programs of the pavilion, and Kahn’s poche is transformed to geometrically subdivided structral system.
Section / Elevation
unit.4 higher density smaller opening less lighting access
#.skin
unit.1 lower density bigger opening more lighting
#.structure
#. reading area / archive #. gallery - documents #. gallery : exhibitions #. entrance / lobby #. seating area #.program
#.circulation
Exploded Axonometric
interior view
Stereographic projection of the 4D Spirograph
04 HYPOTROCHOID Algorithmic Spirograph in 4D Space University of Pennsylvania ARCH 743 Form and Algorithm Cecil Balmond / Ezio Blasetti Spirograph is a geometric drawing that produces mathematical roulette curves of the variety technically known as hypotrochoids and epitrochoids. The algorithmic spirograph is created by mathematical researches : rotation matrix, less common multiple, travel distance/angle speed and 4D coordinate system. TEAM 2 M.ARCH Students ROLE Design Spirograph Algorithms, Mathematical Research Coding-Python, Grasshopper Animation, Shared Role in Drawings
ROTATION 2D rotation
3D rotation
y
cos Θ -s i n Θ s i n Θ cos Θ
x y
R x( Θ ) =
1 0 0
R y( Θ ) =
cos Θ 0 0 1 -s i n Θ 0
R z( Θ ) =
cos Θ -s i n Θ s i n Θ cos Θ 0 0
cos Θ
sin Θ
1
sin Θ
1
x
cos Θ
0 0 cos Θ -s i n Θ s i n Θ cos Θ sin Θ 0 cos Θ
x’ = cos( Θy ) cos( ΘX ) y’ = -cos( Θy ) sin( ΘX ) z’ = sin( Θy )
sin( Θz ) sin( Θy ) cos( ΘX ) + cos( Θz ) sin( ΘX ) -sin( Θz ) sin( Θy ) sin( ΘX ) + cos( Θz ) cos( ΘX ) -sin( Θz ) cos( Θy )
-cos( Θz ) sin( Θy ) cos( ΘX ) + sin( Θz ) sin( ΘX ) cos( Θz ) sin( Θy ) sin(ΘX ) + sin(Θz ) cos( ΘX ) cos(Θz ) cos(Θy )
x y z
0 0 1
3D rotation by arbiturary axis
w c = |x| cos Θ = 1 X cos Θ = cos Θ c = c w = cos Θ w a = -x + c = -x + cos Θ w a = a a = (-x + cos Θ w) (-x + cos Θ w) 2 = 1 - cos Θ = sin Θ b
α
b = cos α sin Θ x + sin α sin Θ y + 0 z = cos α sin Θ (- 1/sin Θ x + cosΘ/sin Θ w) + sin α sin Θ (- 1/sin Θ w x) = -cos α x + cos α cos Θ w - sin α w x
a
c
x’
x’ = wx2 (1-cos α) + cos α y’ = wywx (1-cos α) wx + wxcos α z’ = wzwx (1-cos α) wx + wxcos α
wxwy (1-cos α) + wxcos α wy2 (1-cos α) + cos α wzwy (1-cos α) + wxcos α
wxwz (1-cos α) + wycos α wywz (1-cos α) + wxcos α wz2 (1-cos α) + cos α
x’ = x + a + (- b ) = cos Θ ( 1- cos α ) w + cos α x +sin α w x
x Θ Θ
x = cos Θ ( 1- cos α ) w + cos α x +sin α w x y = cos Θ ( 1- cos α ) w + cos α y +sin α w y z = cos Θ ( 1- cos α ) w + cos α z +sin α w z
SPIROGRAPH travel distance vs travel angle
spirograph cycle
LR
r
L R = 2 π R * ( t R / 360), L r = 2 π r * ( t r / 360)
Lr
tL
LR =Lr , t r = 180 L R / ( π r )
LCM R r cycle 1 cycle 2
= = = = =
least common multiple radius of fixed circle radius of rolling circle cycle of 1st spirograph cycle of 2nd spirograph
cycle of spirograph
=
LCM ( R , r ) / R
cycle of dobule spirograph
=
LCM ( cycle 1 , cycle 2)
LR : travel distance of radius R circle at angle t
R
tR
x y z
import rhinoscriptsyntax as rs import math as m
class Spiro(): def __init__(self, firstRadius, secondRadius, ondRadius, offsetDist, offsetDi resolution, angle, g num): self.firR = firstRadius self.secR = secondRadius self.offDis st = offsetDist st self.res = resolution self.t = an ngle self.num = num self.iter = 0 self.pts = [] self.ptToLn n() self.pts.ap ppend(self.pts ( ts s[0]) ) rs.AddLayer r("02_%d"% _ d d"% %self self.off lf.off offDist off Di ) Dis rs.CurrentL Layer("02_%d"% ( %self self.off elf l .of .o Dist) rs.AddPolyl line(self. s lf. lf pts) lf pts t ts) def fixedCircle e(self): f r1 = self.f firR t1 = m.radi ians(self.iter l ite iter te e )/se se s elf.r f.r f res res s x = r1 * m.cos(t1) y = r1 * m.sin(t1) z = 0 pt1 = [x, y, z] Cen = self.newCenter(pt1) return Cen #find a secon center point def newCenter(s self, pt1): originPt = [0, 0, 0] hypotrochoid #vector tow ward the center point cV = rs.Vec ctorSubtract(originPt, pt1) VectorUnitize(cV) uVec = rs.V scVec = rs.VectorScale(uVec, self.secR) newCen = rs s.VectorAdd(pt1, scVec) return newC Cen #3D rotation def rotateXYZ (self, newCen, point): cX = m.cos( (m.radians(newCen[0])) sX = m.sin( (m.radians(newCen[0])) cY = m.cos( (m.radians(newCen[1])) sY = m.sin( (m.radians(newCen[1])) cZ = m.cos( (m.radians(newCen[2])) sZ = m.sin( (m.radians(newCen[2]))
epitrochoid
Algorithmic Spirograph
Instead of using a known mathematical equation of the spirograph, x(t) = (R-r) cos (r/R t) + a cos ((1-r/R) t) y(t) = (R-r) sin (r/R t) + a sin ((1-r/R) t) algorithm is designed by mathematical research of rotation matrix, less common multiple and travel distance/angle speed relation. Algorithmic spirograph has no physical limitation unlike physical spirographs.
newX = poin nt[0] * (cY*cZ) - point[1] * (cY*sZ) + point[2] * (sY) newY = poin nt[0] * (sX*sY*cZ + cX*sZ) + point[1] * (cX*cZ - sX*sY*sZ) - point[2] * (sX*cY) newZ = poin nt[0] * (sX*sZ - cX*sY*cZ) + point[1] * (cX*sY*sZ + sX*cZ) + point[2] * (cX*cY)
R r d ratio
90x 45x 28x 2:0
radius of ďŹ xed circle radiu radius of rolling circle radiu circle offset
newPoint = [newX, newY, newZ] return newP Point #offset point o of f innerCi Ci ircle rcl def offsetCircl rcle(sel lf): ): t = m.radia ad ans(se (se ( self.i f.iter) ter) er)*sel er)*sel *self.fi self.fi f.f firR rR/self. rR/s e secR ecR c /sel /s f.re /se f.r f.res*(res*(*(( 1) 1 newCen = se elf.fi f.fixedC edCircl dCircl rc c e() e( ( x = self.of e ff fDist is ist st * m.cos m.cos co cos os(t) o t + ne n newCen[0] 0] ] y = self.of e ffDist ff Di Dist * m.sin si sin in(t i (t) t) + newCen[1] n[1 z = 0 + new wCen[2 wC e en ] point = [x, y y, z] newPoint nt = self. elf elf. f rota ot teXY otateXY YZ(ne Z(newCen Z(n (newCen en, n, po p int) i int return newP ewPoint t def ptToLn(self f): for i in ra ange (self.t): self self.it ter = i pt1 = self.offsetCircle() self.pt ts.append(pt1) def lcm(x, y): 2D Spirograph p g pph """This function n takes two integers and returns the L.C.M.""" # choose the gre eater number if x > y: greater = x else: greater = y while(True): if((greater r % x == 0 0) and and (gr greate g eate eat at r % y == 0)) 0)) ): lcm = gr reater ate a ater er break ak greater r += 1
2D Double Spirograph
return lcm def Main(): r = smR off res
rs.GetReal( l( ("Plea lea ea ase e t type yp ype y pe the e firs first irst ra adius i s", s", , 2) = rs.GetRea al("Pl l(" lease ase e typ yp pe th the second se econd ond nd rad radius" adius" ad i s ius s" ", 100) 10 1 0) 0) = rs.GetRea al("Please Pleas se e typ type e th he offset o f of fset set e dis di is st tanc t ance", e", e e" " 5 ) = rs.GetInt teger("Please ease se e type t a resol resol eso sol o utio uti i n", n", , 1, , 1 1) )
lcmR = lcm (r, smR) t = lcmR *360 / r *res 3D Spirograph ph t = int(t) for j in range(1): (1): newoff = off + (j *30) Spiro(r, smR, newoff, res, t, j) rs.CurrentLayer("00") Main()
3D Double Spirograph
2D / 3D Spirograph
import rhinoscriptsyntax as rs import math as m selection of 3D space in 4D
class Spiro(): z z X Y Z space spp Y ZW W space spp def __init__(self, , firstRadius, s resolution, W = 0secondRadius, offsetDist, X = 0 angle, num): self.firR = firstRadius i self.secR = secondRadius e self.offDist = offsetDist self.res = resolution res so solution s on n self.t = an angle e self.num m = num m self.ite er = 0 y y self.pts s = [] [] self.ptT ToLn ToLn Ln() Ln self.pts.append(self.pts[0]) s.append( n ( (sel lf l f pts[0] 0] ] rs.AddLayer("02_%d"%self.offDist) ddL er 0 _%d %d" se f. rs.CurrentLayer("02_%d"%self.offDist) Cu ayer( e _%d" d"% w w rs.AddPolyline(self.pts) x x x def fixedCircle(self): r1substitution = b titself.firR ti off coordinates d t1 = m.radians(self.iter)/self.res x = r1 * m.cos(t1) X Y Z W y = r1 * m.sin(t1) 3D point x y z 0 z = 0 z x y z 0 4D point pt1 = [x, y, z] z substituted
X
w
W
x y z
0
4D point
x y z 0
substituted point
x y z 0
point Cen = self.newCenter(pt1) ew w 1) return Cen n
#find a secon center cent ce ter t er point p def newCenter(self, ter self elf f, f , pt1): 1): x originPt = [0, 0, 0] y #vector toward the center point cV = rs.VectorSubtract(originPt, pt1) uVec = rs.VectorUnitize(cV) scVec = rs.VectorScale(uVec, self.secR) newCen = rs.VectorAdd(pt1, scVec) return newCen #3D rotation def rotateXYZ (self, newCen, point): cX = m.cos(m.radians(newCen[0])) sX = m.sin(m.radians(newCen[0])) cY = m.cos(m.radians(newCen[1])) sY = m.sin(m.radians(newCen[1])) cZ = m.cos(m.radians(newCen[2])) sZ = m.sin(m.radians(newCen[2])) ( ( [ ]))
Z
3D point
y
Y
y z
z
WXY space Z=0
y
y
w
X
x
Z
W
x y z
0
4D point
x y z 0
z
w
z
Y
w
x
3D point
substituted point
0 x
z
z
ZWX space Y=0
X
y
Z
W
3D point
x y z
0
4D point
x y z 0
substituted point
0 x y
w
Y
o x y z
x
3D Space in 4D Coordinate System
As the 3D coordinate system has three 2D planes: XY, YZ and ZX planes, the 4D coordinate system has four 3D space: XYZ, YZW, ZWX, and WXY spaces. A point in 3D space which is created by algorithmic spirograph is transfered to 4D space with selected 3D coordinate system. Once a point is rotated with a designated 3D arbiturary axis in 4D space, a new spirograph can be shown in 3D space by either the parallel projection or the stereographic projection.
newX = point[0] * (cY*cZ) - point[1] [1 1 * (cY* cY*s *sZ) + point[2] * (sY) newY = point[0] * (sX*sY*cZ + cX*sZ) *sZ) sZ) + point sZ) int t[1] [ * (cX*cZ - sX*sY*sZ) - point[2] * (sX*cY cY) cY Y) newZ = point[0] * (sX*sZ - cX*sY*cZ) c cZ cZ) + point int n [1] [1 1 * (cX*sY*sZ + sX*cZ) + point[2] * (cX*cY X*cY Y) newPoint t = [newX, newY, wY wY, Y newZ newZ] new w ] return newPoint #offset poin nt of f inn nn n ne erC erCi rCircle rCircle cle le def offsetCi ircle(sel cl ( (se (sel (s self) s f): ): ) t = m.ra adi dian ns(s s(self.i l lf. lf ter) er) r) )*sel *s *se s f.fi f. .fi firR/s firR/ rR/s R/ elf. f.secR f. f .secR secR sec se cR R/s /se /sel / sel e f.re f f. s*(s ( 1) newCen = sel se el e elf.fi lf.f f.fi f .f f xedC xed edCircl e irc ircle() rcle() e e( x = self lf f.off off o of ffD f Dis Dist st s t * m.cos m.c .co co c o (t) t) + ne t) ewCen w wCe [0] [0] y = self lf.off .off .of off of f Dis Dist is * m.sin(t) m + n ne ewCen C n[1 Ce [1] 1] 1] z = 0 + newC newCen[2 ewC n[2 n[2] ] point = [x, x, y, y, z] z] newPoint t = s self. elf. lf lf. f rot rota ota o tateXYZ(ne newCen newCen ne wCen, po wC point) int) int) nt return newPo ewPoint wP int nt t def ptToLn(s self) lf lf) f): f for i in n ran nge e (self.t): sel self elf l .t) lf .t): .t t): t ) self iter = i pt1 = self.offse ffse fse s tCi tCircle( tCir Circle( le( l e( () self f.pts.append(pt1) pt pt1) z
def lcm(x, y): 3D double d spirograph """This funct ionrotation takes two integers and returns the L.C.M.""" with double dotuble # choose innthe greater number space XYZ space if x > y: greater = x else: greater = y while(True): if((great ter % x == 0 0) ) an and a n (greate er % y = == 0)): lcm = greater g ter t er break k greater += 1
z
y
w
x
3D double spirograph with double rotation in YZW space
return lcm def Main(): r = smR off res
rs.GetRe eal("Please (" type e the he firs he st ra radius adius di iu " ", , 2) = rs.Get tReal("Please ("P typ pe th t e second second se co ond rad radius", 100) 1 0) = rs.Get tReal("Please eas type e th the e o of ffset set se et dis et dista tance", 5 ) = rs.Get et tIn t Integer("Please In n ase type pe e a resol resol olutio olutio uti t n", n", 1, 1)
z
z
y y
lcmR = lcm cm m ( (r r, r, smR) t = lcmR *36 60 / r *res 3D double spirograph t = int(t) with i h double rotation rota rotatio for j in ran nge(1): iin ZWX X space p newoff = off + (j *30) Spiro(r, smR, newoff, res, t, j) rs.CurrentLayer("00") x
Main()
x
w
w
3D double spirograph with double rotation in WXY space
4D Spirograph
#0.04 Roof Park
Hot Spring #0.03
Skiing + Snowboarding
#0.01
#0.02
Sledding
To encompass various kinds of activites from relaxing on the beach to a 500 person concert, the proposal takes into account seasonal climate and is programmed to allow the space to be adaptive year round. The architecture of the proposal is generated through planned events in both center Philadelphia and its peripheral regions into a circular loop with different levels and programs. The exterior of the site responds to a larger-scale programs like the waterfront pier, event space, and a beach for the coomunity to enjoy year-round sun in Philadephia.
Winter Activities #0.09
Pier #0.07
Seasonal Waterfront Scene
#0.08 Ice Skating
Plant Box #0.06
jogging Trails #0.05
Kyaking #0.03
#0.01
Jet Ski
#0.02
#0.04 Beach
Kite Flying
Winter Scene / Roof Park + Spa
05 IT’S ALWAYS SUNNT IN PHILADELPHIA A Monument To The Delaware River University of Pennsylvania 2015 Schenk-Woodman Competition 1st Place It’s always Sunny in Philadelphia transforms an underused park and a rundown warehouse into a series of platforms that activates year-round events in the city of Philadelphia. Situated on Delaware River and adjacent to Penn Treaty Park, the project celebrates the historic identity of the Pwer Plant and also invites the Delaware extreme tidal experience into the personal beach. TEAM 4 ARCH Students ROLE Overall Project Concept & Building Design /3D Modeling / Scripting Shared Role in Drawings / Renderings
8
11
11
5
15
12
9
22
20
33
25
22
Columbus Day Parade Thomas Eakins Head of Sch. Regatta Manayunk Annual Antiques Festival
Fishtown River City Festival The Rothman Ice Rink at Dilworth Park
Rittenhouse Row Spring Festival New Hope Pride Week
Philadelphia Flower Show Philly Craft Beer Festival
Terror Behind the Walls Manayunk Arts Festival
Bassmaster Elite Tournament
Clark Park Music and Arts Festival
Philadelphia Folk Festival
LOVE your park week Philadelphia Auto Show St. Patricks Day Parade
Clover Market Mummers Parade
South Street Mardi Gras
Cherry Blossom Festival
Aberdeen Dad Vail Regatta
Spring Splash on South Street Center City Jazz Festival
Italian Market Festival
Blue Cross RiverRink Winterfest Thanksgiving Day Parade
Philadelphia Rock’n’Roll Half Marathon Stars and Stripes Festival First Union US Pro Cycling Championship
OutFest
Sunoco Welcome America 2nd Street Festival
Riverfront Ramble
Philadelphia Marathon
News Years Eve Fireworks
Midtown Village Fall Festival
40th Street Summer Series
Philadelphia Dragon Boat Festival Christmas Tree Lighting Old City Seaport Festival Design Philadelphia
Christmas Village Longwood Gardens Chirstmas
Bacon Fest Screening Under the Stars
Philadelphia Blues Festival
Smooth Jazz Summer Nights
Oktoberfest at Frankford Hall Oktoberfest at Brauhaus Schmitz
Electical Spectacle Holiday Light Show
Eagles Football Season Super Bowl Center City Restaurant Week Philly Beer Week
Philly Beer Garden Series
M
A
M
J
J
A
S
O
N
D
March
April
May
June
July
August
September
October
November
December
#0.03
Skate Park #0.02
Bike Park #0.01
Park Entry
#0.04 Ticketing + Concessions
F February
Elevated Park Path
J January
Alta House Staircase
06 PROFESSIONAL WORKS TC ArchStudio San Francisco, California 2011 - 2014 TC ArchStudio is a San Francisco based architectural design practice specializing in Architecture, Commercial Interiors, Custom Residential Design, and Various Hospitality Design projects. The practice aims to provide both innovative and pragmatic design solutions by bridging architectural and interior design approaches.
ALTA HOUSE San Francisco, California 2012-13 Residential Remodel Project Architect : Alan Tse ROLE Schematic Design, Interior Design Design Research, 3D Modeling / Rendering Construction Document,
Staircase Elevation / Section
Walnut House Bathroom
WALNUT HOUSE San Francisco, California 2012-13 Residential Remodel Project Architect : Alan Tse ROLE Schematic Design, Interior Design Design Research, 3D Modeling / Rendering Building Permit Document,
Floor Plans
Walnut House Kitchen
True Burger Interior
TRUE BURGER Oakland, California 2012-13 Restaurant Project Architect : Alan Tse ROLE Schematic Design, Interior Design Design Research, 3D Modeling / Rendering Building Permit Document Graphic Design
Proposed Interior Rendering
Proposed Floor Plan
Conference Room
Fillmore Cabinetry
FILLMORE OFFICE Oakland, California 2013-14 Office Interior Project Architect : Alan Tse ROLE Schematic Design, Interior Design Design Research, 3D Modeling / Rendering Building Permit Document
STORAGE
KITCHEN
STORAGE
STORAGE
STORAGE
LOUNGE
STORAGE
STORAGE
STORAGE
STORAGE
CONFERENCE
FILE CABINET WORK AREA
STAFF
FILE CABINET
TV COUNTER
PRIVATE OFFICE
PRIVATE OFFICE
STORAGE
STORAGE
STORAGE
STORAGE
STORAGE
STORAGE OFFICE
STORAGE
STORAGE
PRIVATE OFFICE
STORAGE
PRIVATE OFFICE
STORAGE
PRIVATE OFFICE
STORAGE
STORAGE
Schematic Plan
The client asked for extra storages as much as possible. The existing structral I beams are used as main frames for the new cabinetry. The glass partition wall allows maximum daylighting through existing skylights
Nabe Exterior
Nabe Interior
NABE Oakland, California 2011-12 Restaurant Project Architect : Alan Tse ROLE Interior Wall Design, Design Research, Graphic Design
Logo Design
Nabe Interior
Fairway House Interior
FAIRWAY HOUSE Hillsborough, California 2013-14 Residential Remodel Project Architect : Charles Chan ROLE Schematic Design, Interior Design, 3D Modeling / Rendeirng, Building Permit / Construction document
Custom Wall Details
ZY901 [WHITE] FAUX LEATHER STANDARDS: -LOUNGE CHAIRS MUST MEET OR EXCEED ALL APPLICABLE TESTS FROM ANSI/BIFMA X5.4 -2012 - LOUNGE SEATING STANDARD. STAINLESS STEEL: -GRADE 304 STAINLESS STEEL IN HAIRLINE BRUSHED FINISH WELDING: -SMOOTH. SANDING AND POST CLEAN UP ARE REQUIRED TO ENSURE A SMOOTH, STRONG WELD DEFLECTION OF PLYWOOD: -DEFLECTION MUST NOT EXCEED 3/4” EXPOSED EDGE FINISH: -EXPOSED EDGE TO BE FULLY SEALED WITH NATURAL STAIN EDGES: -1/16” EASE EDGE ON STAINLESS STEEL LEGS POLYESTER UPHOLSTERY FABRIC: -FIRE CODE: UFAC CLASS 1/CA. 117 #E -MIN. OF 200,000 DOUBLE RUB -ZY901 [WHITE] FAUX LEATHER GLIDES: -THE GLIDES ARE CHROME-PLATED WITH A RUBBER COMPRESSION SPACER TO ABSORB SHOCK. POLYURETHANE -PROVIDE PHOTOS OF GLIDES AND DRAWINGS OF GLIDE INSTALLATION FOR APPROVAL
EXAMPLE OF WOOD LAMINATE
GENERAL CONSTRUCTION NOTES: STANDARDS: -TABLE MUST MEET OR EXCEED ALL APPLICABLE TESTS FROM ANSI/BIFMA X5.5-2012 DESK/TABLE STANDARD. STAINLESS STEEL: -GRADE 304 STAINLESS STEEL IN BRUSHED FINISH WELDING: -SMOOTH. SANDING AND POST CLEAN UP ARE REQUIRED TO ENSURE A SMOOTH, STRONG WELD DEFLECTION OF PLYWOOD: -DEFLECTION MUST NOT EXCEED 3/4” EXPOSED EDGE FINISH: -EXPOSED EDGE TO BE FULLY SEALED WITH NATURAL STAIN EDGES: -1/16” EASE EDGE ON PLYWOOD AND STAINLESS STEEL LEGS LAMINATE: -PROVIDE SAMPLES OF LAMINATE FOR APPROVAL GLIDES: -THE GLIDES ARE CHROME-PLATED WITH A RUBBER COMPRESSION SPACER TO ABSORB SHOCK. POLYURETHANE. -PROVIDE PHOTOS OF GLIDES AND DRAWINGS OF GLIDE INSTALLATION FOR APPROVAL
WESTGATE San Jose, California 2013 Furniture Design Project Architect : Alan Tse ROLE Furniture Design, Shop Drawing, Furniture Layout 3D Modeling / Rendering
STANDARDS: -LOUNGE CHAIRS MUST MEET OR EXCEED ALL APPLICABLE TESTS FROM ANSI/ BIFMA X5.4 -2012 - LOUNGE SEATING STANDARD. STAINLESS STEEL: -GRADE 304 STAINLESS STEEL IN HAIRLINE BRUSHED FINISH WELDING: -SMOOTH. SANDING AND POST CLEAN UP ARE REQUIRED TO ENSURE A SMOOTH, STRONG WELD DEFLECTION OF ELASTIC STRAPS: -DEFLECTION MUST NOT EXCEED 1” EDGES: -1/16” EASE EDGE ON STAINLESS STEEL LEGS POLYESTER UPHOLSTERY FABRIC: -FIRE CODE: UFAC CLASS 1/CA. 117 #E -MIN. OF 200,000 DOUBLE RUB -PROVIDE SAMPLES OF FABRIC FOR APPROVAL GLIDES: -THE GLIDES ARE CHROME-PLATED WITH A RUBBER COMPRESSION SPACER TO ABSORB SHOCK. POLYURETHANE. -PROVIDE PHOTOS OF GLIDES AND DRAWINGS OF GLIDE INSTALLATION FOR APPROVAL