• instagram

Processing Sketch inspired by Response piece

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;
}

1 Comment

  1. games · September 27, 2024 Reply

    The issues are comprehensively described, and the information is both candid and transparent. There is no doubt that possessing the information is advantageous. Is my website exceedingly profitable in terms of revenue? Kindly examine the subsequent items: retro games

Leave a reply

Skip to toolbar