Page 1

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


Profile for Jungjae Suh

Portfolio 2016 jj  

PennDesign JJ Suh Portfolio University of Pennsylvania

Portfolio 2016 jj  

PennDesign JJ Suh Portfolio University of Pennsylvania

Advertisement