ANIMATION

ITERATIVE DESIGN (II) __ ###TRIALS IN THE FOYER OF WEYMOUTH HOUSE###__

INDEX

TRIAL AFTER LAST ITERATION:

TRIAL AFTER THE 4TH ITERATION:

4TH ITERATION – SOUND TRIAL AFTER MINUT ’40:

INDEX

Advertisements

PROCESSING__ practicing integers, transactions, arrays and for loops (studio IV – apocalypse)

IMAGES::

apocalipsis001 apocalipsis020 apocalipsis118 apocalipsis204 apocalipsis297 apocalipsis544 apocalipsis547

VIDEO::

CODE::


color[] P={ #eb5050, #e67012, #fcac22, #aa5903};
void setup(){
size(800,400);
background(255);

}
int r=32;
int n=30;

void draw(){
translate(width/2,height/2);
rotate(r);

fill(255,33);
noStroke();
rect(0,0,width,height);
for(float i=0;i<width; i=i+40 + random(-5,5)){
house(i,20,int(random(0,255)));
}
r=r+1;
fill(P[int(random(P.length))]);
ellipse(0,0,n,n);

n=n+2;

saveFrame(“apocalipsis###.png”);
}
void house(float x, int y, color c){
fill(c);
triangle(x+25,y+20,x+10,y+35,x+40,y+35);
rect(x+10,y+35,30,30);
rect(x+22,y+50,10,15);

}

PROCESSING__ practicing integers and transactions (studio III – snail thoughts)

IMAGES::

espiral010 espiral038 espiral051 espiral059 espiral078 espiral135 espiral158 espiral203 espiral215 espiral242 espiral259

VIDEO::

CODE::

void setup(){
size(400,400);
background(255);
colorMode(HSB,100);
}

int rot=0;
int sq=0;
int h=0;

void draw(){
translate(width/2, height/2);
rotate(rot);
fill(h,100,100,25);
rect(0,0,sq,sq);
rot=rot+20;
sq=(sq+1)%140;
h=(h+1)%100;
fill(h,100,100,25);
rect(width/3,height/3,sq,sq);
rot=rot+200;
sq=(sq+1)%140;
h=(h+1)%100;

}

PROCESSING__ practicing integers and random (studio I – hello world)

IMAGES::

helloWorld002 helloWorld026 helloWorld050 helloWorld182

VIDEO::

CODE::


void setup(){
size(800,600);
frameRate(25);
background(300,50,50);

}
int x=50;
int y=50;
void draw(){
println(“hello world!”);
strokeWeight(2);
stroke(random(0,255));

line(width/2,height/2, random(0,width), random(0,height));strokeWeight(0);

strokeWeight(11);
fill(255);

text(“hello world”,int(random(x)),int(random(y)));

x=(x+10)%height;
y=(x+10)%height;

}

PROCESSING__ MY FIRST MOVIE WITH PROCESSING

THE IMAGE

first0001 first0014 first0025 first0118

THE VIDEO

THE CODE



void setup(){
size(800,400);
frameRate(5);
colorMode(HSB,100);
noStroke();
background(30,40,60);

}

int s=5;
int y=0;
int h=10;
void draw(){

stroke(255);
fill(50, 97, 89, 30);
triangle(width/2, 0, 0, height, width, height);

fill(100,69,255,30);
triangle(width/2, height, 0,0, width, 0);

for(int x=0; x&lt;width; x=x+s){
fill(random(100),50,100);
rect(x,y,s,s);
}

for(int x=0; x&lt;width; x=x+s){
fill(random(100),50,100);
rect(x,height/2,s,s);
}

for(int x=0; x&lt;width; x=x+s){
fill(random(100),50,100);
rect(x,height-5,s,s);
}

for(int x=40; x&lt;width; x=x+s){
fill(random(255));
rect(height-30, x,s,s);
}

for(int x=100; x&lt;width; x=x+s){
fill(random(255));
rect(height-60, x,h,h);
}

for(int x=30; x&lt;width; x=x+s){
fill(random(255));
rect(height-90, x,s,s);
}
for(int x=0; x&lt;100; x=x+s){
fill(random(255));
rect(height+30, x,s,s);
}

for(int x=0; x&lt;250; x=x+s){
fill(random(255));
rect(height+60, x,s,s);
}

for(int x=0; x&lt;width; x=x+s){
fill(random(255));
rect(height+90, x,h,s);
}

stroke(random(255));
rect(mouseX-10,mouseY-10,mouseX+10, mouseY+10);

};