var spacing = 1;
var x1 = 0;
var y1 = 100;
var x2 = 200;
var y2 = 0;
var rectWidth = 10;
var sw;
function setup(){
createCanvas(400, 300);
noFill();
stroke (255);
strokeWeight (0.5);
}
function draw() {
background(232, 221, 199);
spacing = map(mouseX, 0, 400, 3, 20);
sw = map(mouseX, 0, 400, 0.3, 0.7);
for(var i = 0; i < width; i += 1) {
strokeWeight(sw);
stroke(255);
line(x2, spacing * i, spacing * i , y2);
line(x1, spacing * i, spacing * i , y1);
strokeWeight(sw*2);
stroke(255);
line(x2/2, spacing * i+2, spacing * i+2, y2/2);
line(x1*2, spacing * i+2, spacing * i+2 , y1*2);
strokeWeight(sw*2.7);
stroke(255);
line(x2*2, spacing * i+2, spacing * i+2, y2*2);
line(x1/2, spacing * i+2, spacing * i+2 , y1/2);
strokeWeight(sw*3.2);
line(x1/3, spacing * i+2, spacing * i+2 , y1*3);
}
}
I really liked playing with the layered quality of the “strings”. Instead of using colour, I used varying stroke weights to highlight that. The strings also really reminded me of fishnet, and I made a fish-like abstracted shape out of the curved lines.