For my processing sketch, I wanted to capture the mechanical aspects that are featured in the original video by Daria Jelonek by creating a rotating line drawing. I wanted to keep the color palette stark and minimalistic so that the focus was on the line work. I paid homage to the plastic in my response piece by trying to replicate the movement and fluidity in the line work in the upper-left hand corner.
This piece was inspired by my response piece.
Code:
static final int NUM_LINES = 100 ;
float t;
void setup (){
size (600,800) ;
}
void draw () {
background(255);
stroke(249);
fill(249);
rect(100, 325, 400, 400);
noFill();
stroke(202,203,206);
strokeWeight (1) ;
beginShape();
curveVertex(400, 0);
curveVertex (300, 0) ;
curveVertex(300, 30);
curveVertex(80, 60);
curveVertex(100, 100);
curveVertex(60, 120);
curveVertex (0, 300);
curveVertex (10, 400);
endShape();
noFill();
stroke (202,203,206);
beginShape();
curveVertex(400 -5, 0-5);
curveVertex (300-5, 0-5) ;
curveVertex(300-5, 30-5);
curveVertex(80-5, 60-5);
curveVertex(100-5, 100-5);
curveVertex(60-5, 120-5);
curveVertex (0-5, 300-5);
curveVertex (10-5, 400-5);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(400 -10, 0 – 10);
curveVertex (300 -10, 0 -10) ;
curveVertex(300 -10, 30 – 10);
curveVertex(80 -10, 60 -10);
curveVertex(100 -10, 100 – 10);
curveVertex(60 – 10, 120 – 10);
curveVertex (0 – 10, 300 – 10);
curveVertex (10 – 10, 400 -10);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(400 -15, 0 – 15);
curveVertex (300 -15, 0 -15) ;
curveVertex(300 -15, 30 – 15);
curveVertex(80 -15, 60 -15);
curveVertex(100 -15, 100 – 15);
curveVertex(60 – 15, 120 – 15);
curveVertex (0 – 15, 300 – 15);
curveVertex (10 – 15, 400 -15);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(500, 0);
curveVertex (400, 0) ;
curveVertex(350, 30);
curveVertex(70, 60);
curveVertex(100, 100);
curveVertex(60, 120);
curveVertex (0, 350);
curveVertex (10, 450);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(505, 5);
curveVertex (405, 5) ;
curveVertex(355, 35);
curveVertex(75, 65);
curveVertex(105, 105);
curveVertex(65, 125);
curveVertex (5, 355);
curveVertex (15, 455 );
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(510, 10);
curveVertex (410, 10) ;
curveVertex(360, 40);
curveVertex(80, 70);
curveVertex(110, 110);
curveVertex(70, 130);
curveVertex (10, 360);
curveVertex (20, 460);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(510 + 5, 10 + 5);
curveVertex (410 +5, 10 +5) ;
curveVertex(360+5, 40+5);
curveVertex(80+5, 70+5);
curveVertex(110+5, 110+5);
curveVertex(70+5, 130+5);
curveVertex (10+5, 360+5);
curveVertex (20+5, 460+5);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(510 + 10, 10 + 10);
curveVertex (410 + 10, 10 + 10) ;
curveVertex(360 +10, 40+10);
curveVertex(80+10, 70+10);
curveVertex(110+10, 110+10);
curveVertex(70+10, 130+10);
curveVertex (10+10, 360+10);
curveVertex (20+10, 460+10);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(600, 10);
curveVertex (700, 10) ;
curveVertex(350, 100);
curveVertex(100, 120);
curveVertex(150, 150);
curveVertex (10, 450);
curveVertex (10, 450);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(600 -5, 10 -5);
curveVertex (700 -5, 10 -5) ;
curveVertex(350 -5, 100 -5);
curveVertex(100 -5, 120 -5);
curveVertex(150 -5, 150 -5);
curveVertex (10 -5, 450 -5);
curveVertex (10 -5, 450 -5);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(600 -10, 10 -10);
curveVertex (700 -10, 10 -10) ;
curveVertex(350 -10, 100 -10);
curveVertex(100 -10, 120 -10);
curveVertex(150 -10, 150 -10);
curveVertex (10 -10, 450 -10);
curveVertex (10 -10, 450 -10);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(600 -15, 10 -15);
curveVertex (700 -15, 10 -15) ;
curveVertex(350 -15, 100 -15);
curveVertex(100 -15, 120 -15);
curveVertex(150 -15, 150 -15);
curveVertex (10 -15, 450 -15);
curveVertex (10 -15, 450 -15);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(600 -20, 10 -20);
curveVertex (700 -20, 10 -20) ;
curveVertex(350 -20, 100 -20);
curveVertex(100 -20, 120 -20);
curveVertex(150 -20, 150 -20);
curveVertex (10 -20, 450 -20);
curveVertex (10 -20, 450 -20);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(600 -25, 10 -25);
curveVertex (700 -25, 10 -25) ;
curveVertex(350 -25, 100 -25);
curveVertex(100 -25, 120 -25);
curveVertex(150 -25, 150 -25);
curveVertex (10 -25, 450 -25);
curveVertex (10 -25, 450 -25);
endShape();
noFill();
stroke(202,203,206);
beginShape();
curveVertex(600 -30, 10 -30);
curveVertex (700 -30, 10 -30) ;
curveVertex(350 -30, 100 -30);
curveVertex(100 -30, 120 -30);
curveVertex(150 -30, 150 -30);
curveVertex (10 -30, 450 -30);
curveVertex (10 -30, 450 -30);
endShape();
stroke (249);
strokeWeight(50) ;
line (0,0, 0, 800);
line (0,0, 600, 0);
line (0, 800, 600, 800) ;
line (600, 0, 600, 800);
stroke (140);
strokeWeight (.5) ;
fill(255) ;
translate(width/2, height/1.5) ;
for (int i = 0; i < NUM_LINES; i ++) {
line (x1(t + i), y1(t + i), x2(t + i), y2(t + i));
}
t++;
}
float x1(float t) {
return sin(t / 10) * 100 + sin(t / 5) * 20;
}
float y1(float t) {
return cos(t / 10) * 50;
}
float x2(float t) {
return sin(t / 10) * 200 + sin(t) * 2;
}
float y2(float t) {
return sin(t / 20) * 200 + cos(t / 12) * 15;
}
