sketchDownload
/*
Nicholas Wong
Section A
*/
function setup() {
createCanvas(400,400);
background(0)
}
function draw()
{
background(0)
stroke(255)
//Circle around image (follows mouse slightly)
for (var i = 0; i <=300; i += 10)
{
stroke(60)
strokeWeight(0.5)
line(width - i, 0.1*mouseY, width+(0.1*mouseX), height - i*2);
line(i, height + (0.1*mouseY), -30+0.1*mouseX, i*2);
line(width - i, height + (0.1*mouseY), width+(0.1*mouseX), i*2);
line(i, 0.1*mouseY, -30+0.1*mouseX - 1, height - i*2);
}
//Double For-loop for X and Y grid coordinates
for (let x=0;x<=width;x+=25) {
//Columns
push();
stroke(255)
strokeWeight(0.1)
line(x,0,x,height)
pop();
for(let y=0;y <=height;y+=25){
//Center point
push();
stroke(255)
strokeWeight(0.05)
line(mouseX,mouseY,x,y);
//Rows
push();
stroke(50)
strokeWeight(0.1)
line(0,y,width,y)
pop();
//Right
push();
stroke(70,0,0)
strokeWeight(0.15)
line(0,mouseY,width,y)
pop();
//Left
push();
stroke(0,70,70)
strokeWeight(0.15)
line(width, mouseY, 0, y)
pop();
//Bottom
push();
stroke(50,50,0)
strokeWeight(0.15)
line(mouseX, height, x, 0)
pop();
//Top
push();
stroke(70,0,80)
strokeWeight(0.15)
line(mouseX, 0, x, height)
pop();
}
}
}