function setup() {
createCanvas(400, 300);
}
function draw() {
background(255,235,0);
for (var i = 0; i < 70; i ++) {
drawCurvedLines(i);
//triangles made of lines
line(210,200,i*3,300);
line(210,200,150+i*3,0);
line(210,200,400,150+i*3);
line(i*3,0,i*3+2,);
line(110,100,0,i*3);
line(110,100,i*3,0);
}
}
function drawCurvedLines(count) {
push();
translate(200,200);
rotate(radians(count*1));
line(count*2+10, 0, count*3 + 10, 100);
line(count*3+10,100,count*2+10,150);
pop()
push();
translate(200,200);
rotate(radians(count*2));
line(count*2+10, 0, count*3 + 10, 100);
line(count*3+10,100,count*2+10,150);
pop()
push();
translate(100,100);
rotate(radians(count*1));
line(count*2+10, 0, count*3 + 10, 100);
line(count*3+10,100,count*2+10,150);
pop()
push();
translate(100,100);
rotate(radians(count*2));
line(count*2+10, 0, count*3 + 10, 100);
line(count*3+10,100,count*2+10,150);
pop()
push();
translate(100,100);
rotate(radians(count*2+2));
line(count*2+10, 0, count*3 + 10, 100);
pop();
push();
translate(130,50);
rotate(radians(count*2+2));
line(count*2+10, 0, count*3 + 10, 100);
pop();
push();
translate(400,0);
rotate(radians(count*3));
line(count*2+10, 0, count*3 + 10, 100);
pop();
push();
translate(400,0);
rotate(radians(count*2));
line(count*2+10, 0, count*3 + 10, 100);
pop();
push();
translate(400,0);
rotate(radians(count*4));
line(count*2+10, 0, count*3 + 10, 100);
pop();
push();
translate(400,0);
rotate(radians(count*5));
line(count*2+10, 0, count*3 + 10, 100);
pop();
push();
translate(400,0);
rotate(radians(count*6));
line(count*2+10, 0, count*3 + 10, 100);
pop();
}
I just played around with curved and straight lines to create an abstract piece that has depth.