let $; let win,eff; let w=600; function setup() { createCanvas(w=min(windowWidth,windowHeight),w); colorMode(HSB,360,100,100,100); angleMode(DEGREES); background(160,90,90); strokeJoin(MITER); strokeCap(PROJECT); // noLoop(); $ = get(); win = genWindow(); eff = genEffect(); } function draw() { background(160,90,90); // ellipse(mouseX, mouseY, 20, 20); image($,0,-1); let p = int(frameCount/30)*10; //p = frameCount; //p=180; randomSeed(frameCount/30); let d1 = 80; let d2 = 40; let as = []; for (let i = 0; i < 20; i++) { as.push(int(random(36))*20+int(frameCount/30)*10); } push(); translate(170,w/1.2); for (let i = 0; i < as.length; i++) { let s = sin(int(frameCount/30)*20)*10; drawBlock(as[i],as[i]+20,d1+s,d2+s,10); } pop(); push(); translate(430,w/1.2); for (let i = 0; i < 10; i++) { let s = sin(int(frameCount/30)*20+90)*10; drawBlock(i*20+p,(i+1)*20+p,d1+s,d2+s,10); } pop(); $ = get(); push(); translate(170,w/1.2); for (let i = 0; i < as.length; i++) { let s = sin(int(frameCount/30)*20)*10; drawCap(as[i],as[i]+20,d1+s,d2+s,10); } pop(); push(); translate(430,w/1.2); for (let i = 0; i < 10; i++) { let s = sin(int(frameCount/30)*20+90)*10; drawCap(i*20+p,(i+1)*20+p,d1+s,d2+s,10); } pop(); image(eff,0,0); image(win,0,0); } function drawFan(a1,a2,d1,d2,b){ beginShape(); for (let i = a1; i <= a2; i++) { vertex(cos(i)*d1, sin(i)*d2); } for (let i = a2; i >= a1; i--) { vertex(cos(i)*(d1-b), sin(i)*(d2-b)); } endShape(CLOSE); } function drawBlock(a1,a2,d1,d2,b){ fill(d2,100,frameCount%30<29&&frameCount%30>1?100:20); strokeWeight(2); stroke(d2,100,frameCount%30<29&&frameCount%30>1?100:20); drawFan(a1,a2,d1,d2,b); strokeWeight(4); stroke(d2,15,frameCount%30<29&&frameCount%30>1?10:20); line(cos(a1)*d1, sin(a1)*d2, cos(a1)*(d1-b), sin(a1)*(d2-b)); line(cos(a2)*d1, sin(a2)*d2, cos(a2)*(d1-b), sin(a2)*(d2-b)); strokeWeight(2); stroke(d2,15,frameCount%30<29&&frameCount%30>1?30:20); noFill(); beginShape(); for (let i = a2-2; i >= a1+2; i--) { vertex(cos(i)*(d1-b-2), sin(i)*(d2-b-2)); } endShape(); } function drawCap(a1,a2,d1,d2,b){ fill(d2,100,50); strokeWeight(2); stroke(d2,15,10); drawFan(a1,a2,d1,d2,b); strokeWeight(1); stroke(d2,15,20,30); line(cos(a1)*d1, sin(a1)*d2, cos(a1)*d1, w); line(cos(a1)*(d1-b), sin(a1)*(d2-b), cos(a1)*(d1-b), w); line(cos(a2)*d1, sin(a2)*d2, cos(a2)*d1, w); line(cos(a2)*(d1-b), sin(a2)*(d2-b), cos(a2)*(d1-b), w); // line(cos(a1)*d1, sin(a1)*d2, 0, 0); // line(cos(a2)*d1, sin(a2)*d2, 0, 0); // line(cos(a1)*d1, -w, cos(a1)*d1, w); // line(cos(a1)*(d1-b), -w, cos(a1)*(d1-b), w); // line(cos(a2)*d1, -w, cos(a2)*d1, w); // line(cos(a2)*(d1-b), -w, cos(a2)*(d1-b), w); } function genEffect() { let pg = createGraphics(width, height); pg.background(255, 10); // glitch pg.strokeWeight(1); for (let i = 0; i < width / 4; i++) { pg.stroke(int(random(3))*120, random(100), random(100), random(30)); let px = random(width); let py = random(height); pg.line(px, py, px, py + 200); } // noise pg.strokeWeight(1); for (let i = 0; i < width * height / 20; i++) { pg.stroke(int(random(3))*120, random(100), random(100), random(100)); let px = random(width); let py = random(height); pg.point(px, py); } return pg; } function genWindow() { let pg = createGraphics(width, height); let w = width / 30; pg.noStroke(); pg.fill(255); pg.rect(0, 0, width, w); pg.rect(0, height - w, width, w); pg.rect(0, 0, w, height); pg.rect(width - w, 0, w, height); return pg; } // function keyPressed() { if (keyCode == ENTER) { save('screenshot.png'); } }

#digitalart