Selected Works Mario Medina Vilela computational _ architecture_ designer
PORTFOLIO 0
2 0 1 9 _ 6
TABLE OF CONTENTS
COMPUTATIONAL DESIGN Irregular Knitting Patterns Developing a new process for non-grid knitting patterns
Emergent 3D Path Systems Dynamic Wooly paths as form generators
Embodied Maze Augmenting physical tools through embodied learning
_06 _ 12 _ 16
PROFESSIONAL Urban Blocks
Revitalization of urban city blocks
_20
ACADEMIC Eklektik Art Market Educational/ artistic hub for Istanbul City
Vas
Entrepreneurial, product design
_24 _32
IRREGULAR KNITTING PATTERNS M.Sc. Dissertation Tutor: Vicente Soler & Vlad Tenu Bartlett School of Architecture_2018-2019
how can mesh segmentation be applied to non-grid mesh structures to organize and create virtual, irregular knitting patterns?
Input Geometry
Remeshing
Automated Machine Knitting of 3D Meshes / Narayanan et al 2018
Segmentation
Stitch Pipeline
The aim of this research project is to introduce a new approach to create irregular knitting patterns of any 3D geometry, using a remeshing tool and a crawling algorithm as a segmentation method.
Input Geometry
Remeshing
Original Input Geometry
Segmentation
Stitch Pipeline
Re-meshed Geometry
The first step of the project is to re-mesh the input geometry to an isotropic mesh.
IRREGULAR KNITTING PATTERNS // c# // unity
As an automated process, knitting has revolutionized the way it builds existent garments or structures, improving them and making them optimal and efficient (Popescu et al. 2016; KnittingIndustry 2012). As a system, knitting relies in a grid structure composed of loop through loops networks that can be translated into machine operations via scheduling assignments (Narayanan et al. 2018)
7
computational design
tryInpuGeom
Remshing
tichPpelnS
Segmentation
тc
т
тm
тi
j.x
-т
c.x
тj
тc
тi
тk 1
2
тc = current triangle
3
The images above describe how each mesh face is selected. First, we initiate with the first triangle index, then we compare its neighbors and choose the one that has the maximum value when subtracting its “x” coordinate values. Thus, selecting the next face, and repeating the process again. index list
тi тj тc . . . . . . . . . . . тn
тc
тj
тc
тi
When selecting mesh faces, the algorithm always compares the “possible” indices with indices that have been previously selected and added to a list (left). In this way, we avoid copying triangle indices, which will result in errors.
тc
тc
8
The last step of the algorithm is to initiate a new mesh strip, every time there is a collision with pre-selected face indices.
тc
tryInpuGeom
Remshing
Ń‚i
tionaSegm
Stitch Pipeline
Ń‚j
In order to generate the stitch geometry, we must order vertices from the selected faces in the segmentation step. Ordering the vertices clockwise allows us to use them to figure out how to set up control points to interpolate a series of Bezier curves that will work as our pipe geometry rail curves. 1/3 1/3
1/3
1/3 1/3
1/3
IRREGULAR KNITTING PATTERNS // c# // unity
Following conventional computational knit stitching, we find new vertices through mathematical subtraction and addition of the existent vertices (middle). Then, we assign each point to each specific Bezier curve, consequently creating our pipe geometry (right).
Stitch pipeline results
computational design Knitting results at different resolutions
10
Geometry
# Input Faces
# Remeshed Faces
# Stitch Faces
# Segments
Remesh
Segmentation
Stitch Generation
Sphere
588
2318
2162
164
616 ms.
32 ms.
154 ms.
Bunny
13000
25834
24406
1810
6274 ms.
636 ms.
1359 ms.
Horse
4640
15332
14280
1084
4317 ms.
284 ms.
716 ms.
Hand
2570
9862
9118
759
2768 ms.
159 ms.
442 ms.
Vault
2738
10846
10110
687
2555 ms.
169 ms.
500 ms.
4218 12320 11348 971 3934 ms. 222 ms. Table 1 | Computational time to generate irregular knitting patterns.
584 ms.
Dragon
The results are generated using a computer with Intel Core i7-6820HQ CPU @ 2.70 GHz with 16 GB Ram.
11
Irregular Knitting Pattern Results
IRREGULAR KNITTING PATTERNS // c# // unity
EMERGENT 3D PATH SYSTEMS Course: Morphogenetic Programming Tutor: Martha Tsigkari Bartlett School of Architecture_2018-2019
Emergent 3D path systems is a small computational research project which entails learning and understanding how 3D Wooly Paths work, and how this system combined with boid algorithms can be used as a method to create emergent, optimal structures that can arise from interaction of both methods. The goal is to build a structure that can adapt and optimally grow from any 3D geometry.
Base Geometry
Anchor Points
Anchor Points: Using a particle system algorithm, the first step is to understand how anchor points used as fixed elements in the method above can become translated to boids (agents) which have a more non-fixed, dynamic behavior.
Original Branches
Relaxed Branches
EMERGENT 3D SYSTEMS // c# // grasshopper
Wool Thread Experiments Frei Otto + The Institute for Lightweight Structures
First developed by Frei Otto to optimize the paths of wet wool threads, Wooly paths has been an approach to create optimal tensile structures (left), visualize adjacent relations of hierarchical information, and urban mapping relationships.
13 Converting particles algorithm from 2D to 3D systems
computational design
Controlled Movement: Both algorithms are based on force rules. Each behaving differently, the challenge was to develop optimal structures that resulted from correct control of these forces. In particle algorithms, each branch is subdivided to allow more control of its bifurcated geometries. In boid algorithms, the agents interact with each other responding to set rules. Simulating emergent growth of fibrous structures from both algorithms working in parallel is still a challenge and the project was only able to reach the results presented here. Boid Algorithm Boid Class
declare Flock in bounds
Flocking Class Initiate Particle Algorithm
set Flock location declare Particles
Method diagram
14
Resultant branching geometry
draw curves
draw pipes
Results
The results below show a particle system algorithm that asked the question of how it can be combined with an emergent behavior algorithm to develop fibrous structures that are created dynamically and in parallel, resulting in fibrous geometries.
Number of Boids
220 Boids
120 Boids
50 Boids
50 Boids
Number of Division Points
30 Points
8 Points
4 Points
EMERGENT 3D SYSTEMS // c# // grasshopper
Table of iterations based on number of division points per branch and of agents. Test time: 30 sec.
15 Results
EMBODIED MAZE Course: Body as an Interface Tutor: Ava Fatah gen. Schieck Bartlett School of Architecture_2018-2019 Vimeo Final Video
Can fully embodied learning tools help us bridge our interactions with digital environments? As an effort to expand our sensorial interaction with our build environment and people, Embodied maze arose as an effort to research how our embodied cognition will allow new ways of building augmented tools to synthesize physical and digital environments. Augment: to increase the performance of an object by adding more value to it. Embodied learning: to incorporate the use of total body awareness over a specific task or tasks. Embodied Cognition: the ability of using our body without thinking how to use our body.
EMBODIED MAZE//processing //arduino
A balanced board as a tool
17 Project Objective
computational design System Architecture
1 2
3
4 5 1. HC-05 Blue-tooth module 3. Pressure sensor. 5. Acrylic board.
18 Arduino Prototypes
2. 9V. batteries 4. Arduino nano
19
Board Prototype Testing
EMBODIED MAZE//processing //arduino
URBAN BLOCKS Pickard Chilton Architects New Haven, CT_2017
This project explores the revitalization of multiple urban city blocks as office and retail programs. My role in the project focused on helping develop a series of enclosure studies for the parking garage included in the program. P1
P2
P3
P4
EAST WHITING STREET
CENTER
P5
A302
P6
P7
R1
R2 R3
R4 P8
1
PA RA RB
RC PB
RD
COLLIER - L BLOCK Tampa, Florida
UP
LOBBY PC
RE
DN
STRATEGIC PROPERTY Owner
RF
PICKARD CHILTON Design Architect
PD
KENDALL/HEATON ASSOCIATES
MECH / BOH A305
Architect
RG
1
PDR
Workplace Strategy Consultant
PE
MAGNUSSON KLEMENCIC Structural Engineers
RH
ALVINE & ASSOCIATES
RI
MEP Engineers
PF
REED HILDERBRAND Landscape Architect
MECH / BOH UP
E
E
E
E
E
E
KIMLEY-HORN
SOUTH MORGAN STREET
DN
PG
Civil Engineer
PERSOHN/HAHN ASSOCIATES Vertical Transportation Consultant
WALKER PARKING Parking Consultant
PALADINO & COMPANY
PH
SOUTH FLORIDA AVENUE
LEED/WELL Consultant
PH.9 PI
PI.1
Ref use
W7
DOCK OFFIC E
Re fus e
H
BOH
P
1
P
mp
ac
50
tor
P
DOCK
H
H
M
H
H
40
Co
40
W B
P P
DOCK
W6
MEC H/
RETA 700 IL SF
tor
WA302
B W
Com pac
40
50
B W
WB
WB
REVISIONS
M M
W5
H A304
1
H
DAYC 5400 ARE SF
H
H H
WA301
RETA 1100 IL SF
L FITNE SS
UP
L
RETA 1000 IL SF
W3
BOH
L
LOBB Y
H
L
L
L
S
L
LOBB
Y
EA
F F
S
EB
ELEC
2
RETA 1000 IL SF RETA 4300 IL SF
S S
2
WA302
E1
1
A303
EC
RETA 1500 IL SF
R6
PROJECT: 1618 19 JULY 2017 DATE:
E3 ED E4
RETA 3400 IL SF
E5
W1
EE EF
E6
1
1
WA
WB
WC
WD WA301
E11
7/20/2017 12:56:22 AM
This drawing is not for construction or bidding purposes. Pickard Chilton Architects, Inc. has prepared this drawing solely to communicate architectural design intent. Pickard Chilton Architects, Inc. is not the Architect of Record and therefore is not responsible for preparing construction documents or for technical, legal, or construction-related matters. Pickard Chilton Architects, Inc. is not responsible for nor does it make any representation concerning dimensional accuracy of this drawing or coordination of this drawing with documents prepared by other disciplines.
NOT FOR CONSTRUCTION
MASTER PLAN LEVEL 01
SCALE: 3/64" = 1'-0"
A301
WE WF
EAST BROREIN STREET
Office Office & Parking Residential Parking
N
Schematic Design
RETA 3500 IL SF
E2 W2
URBAN BLOCK
LOBB Y L W4
MEC H/
H
A201
21
Copyright 2017 by Pickard Chilton Architects, Inc. All rights reserved
Pinwheel scheme Being at the intersection of the Central Business District (CBD) and a new urban redevelopment, the project adhered to a pinwheel scheme to respond to both city grids, and act as a gate to the new district.
LEVEL 30 EL 418' - 4"
LEVEL 29 EL 404' - 4"
LEVEL 28 EL 390' - 4"
LEVEL 27 EL 376' - 4"
prof e s s i o n al
LEVEL 26 EL 362' - 4"
COLLIER - L BLOCK Tampa, Florida
LEVEL 25 EL 348' - 4"
LEVEL 24 EL 334' - 4"
STRATEGIC PROPERTY Owner
LEVEL 23 EL 320' - 4"
PICKARD CHILTON Design Architect
LEVEL 22
KENDALL/HEATON ASSOCIATES
EL 306' - 4"
Architect
PDR
LEVEL 21
Workplace Strategy Consultant
EL 292' - 4"
MAGNUSSON KLEMENCIC
LEVEL 20
Structural Engineers
EL 278' - 4"
ALVINE & ASSOCIATES MEP Engineers
LEVEL 19 EL 264' - 4"
REED HILDERBRAND Landscape Architect
LEVEL 18 EL 250' - 4"
KIMLEY-HORN Civil Engineer
LEVEL 17 EL 236' - 4"
PERSOHN/HAHN ASSOCIATES Vertical Transportation Consultant
LEVEL 16
WALKER PARKING
EL 222' - 4"
Parking Consultant
LEVEL 15
PALADINO & COMPANY
EL 208' - 4"
LEED/WELL Consultant
LEVEL 14 EL 194' - 4"
LEVEL 13 EL 180' - 4"
LEVEL 12 EL 166' - 4"
LEVEL 11 EL 152' - 4"
REVISIONS
LEVEL 10 EL 138' - 4"
LEVEL 09 EL 124' - 4"
LEVEL 08 EL 110' - 4"
LEVEL 07 EL 96' - 4"
LEVEL 06 EL 82' - 4"
LEVEL 05 EL 68' - 4"
Schematic Design PROJECT: 1618 19 JULY 2017 DATE:
LEVEL 04 EL 54' - 4"
This drawing is not for construction or bidding purposes. Pickard Chilton Architects, Inc. has prepared this drawing solely to communicate architectural design intent. Pickard Chilton Architects, Inc. is not the Architect of Record and therefore is not responsible for preparing construction documents or for technical, legal, or construction-related matters. Pickard Chilton Architects, Inc. is not responsible for nor does it make any representation concerning dimensional accuracy of this drawing or coordination of this drawing with documents prepared by other disciplines.
LEVEL 03 EL 40' - 4"
NOT FOR CONSTRUCTION
LEVEL 02 EL 21' - 8"
MASTER PLAN WEST ELEVATION - MARION WAY
LEVEL 01
SCALE: 1/16" = 1'-0"
EL 0"
b
A304
West Marion Way Elevation
7/20/2017 3:21:03 AM
Copyright 2017 by Pickard Chilton Architects, Inc. All rights reserved
a
a
G IN IT H W . ST
c c
G ITIN WH
a
. ST
AN . ST
IDA OR FL
RG O M
G IN IT H W
b
b
. ST
b
G ITIN WH
. ST
. ST
ENCLOSURE TYPES
ENCLOSURE TYPES
Diagram above portrays vertical surfaces for potential garage enclosure. Street types, context, plus code informed the direction the parking enclosure should be developed. EXTERIOR STAIR
L BLOCK - COLLIER SITE
PICKAR D CH I LTON
RETAIL
HELIX RAMP
PARKING GARAGE TYPE A PARKING GARAGE TYPE B
EXTERIOR STAIR
PARKING ENCLOSURE - NW AXON VIEW L BLOCK - COLLIER SITE
PICKAR D CH I LTON
RETAIL
HELIX RAMP
PARKING GARAGE TYPE A PARKING GARAGE TYPE B
PARKING ENCLOSURE - NE AXON VIEW
Required Overall Open Percentage 20% Spandrel Beam HeightOpen Percentage 5.25 20% Required Overall Floor Height Beam Height 10.17 Spandrel
5.25 10.17
Floor Height
WEST GARAGE ENCLOSURE 1352.08 WEST GARAGE ENCLOSURE
Overall Perimeter Length Total Perimeter Surface Area Overall Perimeter Length Solid Perimeter Length
Total Perimeter Surface Area Open Perimeter Length Solid Perimeter Open Perimeter AreaLength
13750.65 1352.08 447.17
OpenBeam Perimeter Length Spandrel Length
880.4113750.65 447.17 8953.77 820.75880.41
OpenBeam Perimeter Spandrel Area Area Column Area Beam Length Spandrel TotalSpandrel Open Area Beam Area
8953.77 4308.94 184.72820.75 4460.11 4308.94
Column Area Total Open Area
184.72 4460.11
Open Percentage above Code
62%
Total Required Open Area Enclosure Openness Percentage
2750.13 62%
Overall Perimeter Length
1090.76
Open Percentage above Code 62% Total Required Open Area 2750.13 EAST GARAGE ENCLOSURE Enclosure Openness Percentage 62% 11093.03 EAST GARAGE ENCLOSURE
Total Perimeter Surface Area Solid Perimeter Length Overall Perimeter Open Perimeter LengthLength
498.29 596.751090.76
Total Perimeter Surface Area Open Perimeter Area Spandrel Length Solid Beam Perimeter Length Spandrel Area Length OpenBeam Perimeter
11093.03 6068.95 536.59498.29 2817.10 596.75
Column Area Open Perimeter Area TotalSpandrel Open Area Beam Length
126.396068.95 3125.46 536.59
Spandrel Beam Area Column Area
Open Percentage above Code Total Open Area Total Required Open Area Exclosure Openness Percentage
22
OPEN SURFACE AREA
L BLOCK - COLLIER SITE
Open Surface Area Solid Surface Area
L BLOCK - COLLIER SITE
PICKARD
SOLID SURFACE AREA
Open Percentage above Code
2817.10 126.39
41% 3125.46 2218.61 71%
41%
In order to meet code, surface area Total Required Opencalculations Area 2218.61 CH I LTON PARKING GARAGE ENCLOSURE Exclosure Openness Percentage 71% CALCS helped inform the amount of open vs solid surface OPEN SURFACE SOLID SURFACE AREA AREA area needed in the parking garage.
PICKAR D CH I LTON
PARKING GARAGE ENCLOSURE CALCS
a b triangular
bc staggered
a b color panels
URBAN BLOCK
Wall type G2 Triangular Panels
23
Scheme models
EKLEKTIK ART MARKET Course: Undergraduate Thesis Thesis Director: William Truitt Thesis tutor: Jason Logan University of Houston_2016
academic North Elevation
EKLEKTIK ART MARKET
The thesis proposes a hybridization and evolution of the Madrasa and Caravanserai topologies for a secular, interdisciplinary school and maker space. Located in Taksim Square, the project aims to become an educational/ artistic hub for a growing eclectic Istanbul.
25 Urban Growth
mosque
a ca de mi c
classrooms
madrasa
#geometry
#program
#structure
#circulation
Ground Level Analytical study of Islamic typologies (Madrasa + Caravanserai)
Sokullu Mehmet Pașha Mosque
26 Design strategy
courtyard
2 8
mosque sleeping quarters
courtyard
5
caravanserai
4 4
1
#geometry
3
#program
6
2
2
7
#structure 0
5
10
#circulation
Ground Level 20 m
30 m
caravanserai
EKLEKTIK ART MARKET
CORE
CORE
CORE
Modifying the theory and concept of the Madrasa as a symbol and place of education of Islamic culture, this thesis proposes a manipulation of the Madrasa to transform it into an informal public Caravanserai.
27
Mete Cd.
a ca de mi c Gezi Parki
ab
l Tar
.
lvd
B asi
Ataturk Kultur Center
Inon
d.
.
u Cd
al C
kl Isti
0
Site Plan / Views
28 Transverse section
50
100
200
Typical Madrasa floor plan
New typology floor plan
Conventional vault typology
Unconventional vault typology
Insular-cellular spaces
Open-permeable spaces
Static section quality
Dynamic section quality
EKLEKTIK ART MARKET
Manipulated grid space
Square grid
29 Design concept
a ca de mi c +15’ Floor Plan
Third Floor Level
30 Market view
3D printed model
EKLEKTIK ART MARKET
CNC model
Site model Building Assembly
31
VAS Course: Architecture Elective Tutor: Cord Bowen University of Houston_2014
VAS
Designed as part of an entrepreneurial/ product design course, Vas was the outcome of a collaborative effort to create an ergonomically designed container to simply hold spices, jewelry, and to fit the user needs.
33
a ca de mi c
34
VAS 35 Prototypes
a ca de mi c 36
Process images
VAS Packaging and Show Images
37
thank you!
Mario Medina Vilela mamedinavilela@outlook.com mmedinav.com +447591062898