sketch
//Aadya Bhartia
//Section A
var r = 250;
var g = 10;
var b = 140;
var bg = 80;
var change = 1;
var angle = 0;
function setup() {
createCanvas(400, 300);
background(200);
text("p5.js vers 0.9.0 test.", 10, 15);
}
function draw() {
background(bg);
//contraining mouse within canvas
var x = min(mouseX, width);
var y = min(mouseY, height);
//creating a mirror
var mx = width - x;
var my = height - y;
for(var m = 0; m<=width; m+=15){
stroke(170, 90, 100);
//bottom left as a mirror image of the top right
line(0,300 - m,400 - m,300);
line(0,300 - m,400 - m/2,300);
//top right
line(400,m,m,0);
line(400,m,m/2,2);
//creating 4 moveable string based on the mouse
stroke(r+50, g+20, b+10);
line(width-m,y, x,m);
line(m,my, mx,300-m);
line(width - m,my, x,300-m);
line(m,y, mx,m);
}
//background shades as a gradient
bg = bg + change;
if(bg>150){
change = -change;
}
if (bg<=0) {
change = -change;
}
}