I really wanted to show huge amounts of contrast in my drawing, so I made the strings and background always be opposite of each other in terms of gray value. This also leads to a cool middle point where they are the same color.
//Ian Kaneko
//Project 4: String Art
var canvasWidth = 300;
var canvasHeight = 400;
var bkgrnd = 250;
var change = -1;
function setup() {
createCanvas(canvasWidth, canvasHeight);
}
function draw() {
background(bkgrnd);
strokeWeight(1);
stroke(250 - bkgrnd);
bkgrnd = bkgrnd + change;
if(bkgrnd <= 0){
change = -change;
}
if(bkgrnd > 250){
change = -change;
}
for (i = 0; i < 50; i ++){ //diamond forms created by negative space
line(0, 100 + i * 6, 300, 100 - i * 6);
}
for (i = 0; i < 50; i ++){
line(0, 300 - i * 6, 300, 300 + i * 6);
}
for (i = 0; i < 50; i ++){
line(0, 100 - i * 6, 300, 100 + i * 6);
}
for (i = 0; i < 50; i ++){
line(0, 300 + i * 6, 300, 300 - i * 6);
}
stroke(150, 100, 150); // colored borders
for (i = 0; i < 40; i ++){ // purple "web" on top left
line(0, 200 - 5 * i, i * 5, 0);
}
stroke(150, 100, 210);
for (i = 0; i < 40; i ++){ // purple bottom right web
line(0, 200 + 5 * i, i * 5, 400);
}
stroke(210, 100, 150); // top right web
for (i = 0; i < 40; i ++){
line(300, 200 - 5 * i, 300 - i * 5, 0);
}
stroke(210, 100, 210); // bottom right web
for (i = 0; i < 40; i ++){
line(300, 200 + 5 * i, 300 - i * 5, 400);
}
}