Selected Work Portfolio _ 2019

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