Digital Methods Studio

Page 1

DESIGN X

KINETIC ARCHITECTURE 1

GREGORY PETERSON, BOLATITO IBITOYE



CONTENTS 00. CITY OF LOST CHILDREN 00. CURTAINS COMPETITION

00. CITY OF LOST CHILDREN 00. CURTAINS COMPETITION 00. CHALLENGE & OBJECTIVE 00. CONCEPT 00. DESIGN DEVELOPMENT 00. FINAL PRESENTATION

3

I. II. III.



I.

5



CITY OF LOST CHILDREN

7


Storyboard

The film’s events in chronological order


Storyboard: Denree

9


Storyboard: One


Storyboard: Miette

11


Storyboard: Krank


Vector Diagramming

Vector Diagran of the characters’ emotions

13


Vector Diagran of the characters’ proximity


Collage Components William Blake’s Book of Urizen

Collage components overlayed

Characters’ emotions

15

Characters’ emotions along a timeline


Processing Diagram int numChasers = 3; boolean active = false; boolean mouse = true; PVector tgt; void setup() { size(800, 800); smooth(); noStroke(); chasers = new Chaser[numChasers]; for (int i = 0; i < numChasers; i++) { chasers[i] = new Chaser(random(width), random(height), 0, 0);}} void draw() { background(255); noStroke(); tgt = new PVector(mouseX, mouseY); // mouse location for (int i = 0; i < numChasers; i++) { if (!mouse) { tgt = chasers[i].origin; } chasers[i].track(tgt); if (active == true) { chasers[i].move(); } chasers[i].display(); fill (0,128,255); ellipse(mouseX,mouseY,30,30);}} void mousePressed() { // LEFT button toggle simulation active if (mouseButton == LEFT) { if (active) { active = false; } else { active = true; } }

Processing Code

// RIGHT button toggle between target as mouse or initial point if (mouseButton == RIGHT) { if (mouse) { mouse = false; } else { mouse = true; } }

} class Chaser { // class variables float dia = 20; float closingRadius = 5 * dia; float rebound = 0.75; float nomMaxSpd = 10; float nomMaxAcc = 0.3; float nomBrakingRate = 0.10; // percentage of velocity to scrub float variance = 0.20; // object parameters PVector origin, position, velocity, acceleration, facing; float maxSpd, maxAcc, brakingRate; float tgtDist; color clr;

Chaser (float x_, float y_, float vx_, float vy_) { origin = new PVector(x_, y_); // retain the original position position = origin.get(); velocity = new PVector(vx_, vy_); acceleration = new PVector(0, 0); facing = new PVector(1,0); maxSpd = nomMaxSpd * random(1 - variance, 1+ variance); maxAcc = nomMaxAcc * random(1 - variance, 1+ variance); brakingRate = nomBrakingRate * random(1 - variance, 1+ variance); clr = color(0,random(128),random(255)); }

Processing Diagram


17



CURTAIN COMPETITION

19

Challenge: “CURTAINS is a multi-site installation, exhibition, and publication event designed to explore the use of fabrics in contemporary art and architecture—not in the form of rigid tensile structures, nor in the form of cladding or upholstery, but in their more relaxed, natural forms: curtains associated with windows, yes, but also defining and activating spaces indoors and out, billowing overhead as canopies, catching and using wind like sails, creating shade, diffusing light, holding color in their folds, filtering views, absorbing sound, showing the wind, and making theater of the everyday.”


Precedent

Kuwait Pavilion Santiago Clatrava


Concept

21


Design Development

Conceptual elevation

Conceptual plan


23

Site: University of Texas South Mall

Site Installation


Plan

Elevations


Components + Materials

sheer mesh, nylon spandex sheer

electrical motor

glu-lam beams

25

infrared motion sensor


Interactivity


27

Competition Board



II.

29



CITY OF LOST CHILDREN

31


STORY BOARDS:

KRANK

MIETE

ONE


VECTOR DIAGRAMING: CHARACTER PATHS

33


VECTOR DIAGRAMING: SCENE COLLAGE


VECTOR DIAGRAMING: CHARACTER OVERLAP

35


VECTOR DIAGRAMING: 360 DEGREE PATHS


VECTOR DIAGRAMING: PROCESSING float a=1; float d=1; void setup() { size(500,500); background(255); }

void draw(){

strokeWeight(1); fill(230,10,10,120); background(240); beginShape(QUADS); vertex(40,30); vertex(tan(a)*40+100,tan(a*0.004)*5+10);

vertex(tan(a)*40+100,tan(a*0.004)*5+10); vertex(150,sin(d)*70+140); vertex(mouseY,cos(d)*80+40+sin(a)*70+140); vertex(tan(a)*30+50,sin(a)*10-30+sin(d)*70+140); vertex(tan(a)*30+50,mouseX); vertex(40,30); endShape(); fill(10,240,10,120); beginShape(QUADS); vertex(30,70); vertex(sin(d)*40+100,mouseY); vertex(cos(a*0.5)*mouseX); vertex(sin(a*0.2)*10+130,cos(a*0.6)*20+70);

vertex(150,sin(d)*70+140);

vertex(tan(a)*30+2,sin(a*0.5)*10+140);

vertex(mouseY,cos(d)*80+40+sin(a)*70+140);

vertex(0,tan(a)*10+140); vertex(mouseX,tan(a)+70);

vertex(tan(a)*30+50,sin(a)*10-30+sin(d)*70+140); vertex(tan(a)*30+50,mouseX); vertex(40,30);

endShape();

fill(10,10,240,120); beginShape(QUADS); vertex(90,50); vertex(sin(d)*40+10,mouseY); vertex(cos(a*0.1)*mouseX); vertex(mouseX,cos(a*0.4)*50+20); vertex(tan(a)*30+2,sin(a*0.5)*10+140); vertex(40,tan(a)*10+140); vertex(mouseX,tan(a)+70); endShape(); a=0.03; d=0.01; }

Original File by rogerholme http://www.openprocessing.org/sketch/87124

37



CURTAIN COMPETITION

39

Challenge: Our task in the CURTAINS competition was to create a form of passage between space using nontensile, freeflowing, fabric as a medium. This project explored the basics of programing and processing through the Arduino circuit board and kinetic devices.


Concept


41



43



45



47



WINNER OF INNER-STUDIO COMPETITION

49



III.

51



CONCEPT

53

With the discovery of glass and the new technology available to build taller buildings, not much regard has been given to the environmental impact until the last decade. The Iris is a kinetic facade intended to be cladded to existing high-rise glass buildings occupying most city skylines of the world. The primary component of the iris is programmed to expand to allow sunlight into the space during the cooler days and contracts to minimize solar gain in the warmer days. At the corners of each unit are panels that allow for ventilation. The system reduces the stress on the mechanical systems of the buildings while still allowing the inhabitants to enjoy the view.


Precedent : Iris Component

Iris Dome Hoberman and Associates


Precedent : Panel Component

Reef Installation Rob Ley and Joshua G. Stein

55



DESIGN DEVELOPMENT

57


Iris Component

DESIGN DEVELOPMENT

Full floor appication


DESIGN DEVELOPMENT

59

DESIGN DEVELOPMENT

openings conceptual rendering DESIGN DEVELOPMENT

Day and night conceptual rendering DESIGN DEVELOPMENT

(left) conceptual elevation


Prototpying

Possib;e facade appication [macro]


61

Possible facade appication [micro]


Prototype


Panel Component

63

Possible facade appication


Facade appication [closed\

Facade appication [open\

Plan and Isometric


65

sun studies

components


Integration

Partial Elevation


67


Conceptual interior rendering


69

Iris Closed, Ventilation Closed

Iris Open, Ventilation Open

Iris Partially Open, Ventilation Closed


[left] Full Elevation Application

Iris closed, Ventilation open

Iris Partially open, Ventilation partially open

Iris partially open, Ventilation partially open

Iris open, Ventilation open


Building Application

1818 Market Street, Philadelphia

Current Conditions

71

Conceptual Application



FINAL PRESENTATION

73



75


Components


77

Summer operation

Winter operation


Philadelphia Science Festival [next page] Spring Design Show boards


79 With the discovery of glass and the new technology available to build taller buildings, not much regard has been given to the environmental impact until the last decade. The Iris is a kinetic facade intended to be cladded to existing high-rise glass buildings occupying most city skylines of the world. The primary component of the iris is programmed to expand to allow sunlight into the space during the cooler days and contracts to minimize solar gain in the warmer days. At the corners of each unit are panels that allow for ventilation. The system reduces the stress on the mechanical systems of the buildings while still allowing the inhabitants to enjoy the view.

SUMMER Iris closed + Ventilation open

1818 Market St. BEFORE

WINTER Iris open + Ventilation closed

AFTER


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.