Project-03-Dynamic-Drawing

//Nami Numoto
//Section A


function setup() {
    createCanvas(600, 450);
    background(0);
}

function draw() {
    background(0); // initialize background
    fill(255, 255, 0); // yellow
    var m = max(min(mouseX, 600), 0); //restrict x to the canvas (600)
    var size = m * 350.0 / 400.0; // manipulate sizes of the circles
    ellipse(mouseX, mouseY, size, size); //yellow dot that follows mouse
    fill(0, 0, 255); // blue
    size = 400 - size;
    ellipse((width - mouseX), (height - mouseY), size, size); //blue dot that follows mouse inversely sort of
}

// everything the mouse 'draws' or hovers (yellow dot) should be mirrored about the y axis by the blue dot
// make them change size contrarily