Project-03: Dynamic Drawing

sketch
var d= 100;//diameter of each circle

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

function draw() {
    background(10);
    noStroke();
    
    d=min(mouseX,width);//d changes when the mouse moves
    fill("red");
    circle(width/4, height/4, d);//top left red circle
    fill("green");
    circle((width/4)*3, (height/4)*3, d);//bottom right green circle
  
    d=width-d;// d changes oppositely 
    fill("blue");
    circle(width/4, (height/4)*3, d);//bottom left blue circle
    fill("orange");
    circle((width/4)*3, height/4, d);//top right orange circle
    
}

When I was designing the graph, I was thinking about the idea of contrasting colors (red and green, blue and orange) and circles popping out.

Leave a Reply