function setup() {

  createCanvas(400, 400);

  background("#3F51B5");

}

​

​

​

function mouseDragged() {

  fill(mouseX,mouseY,2);

   circle( 180,40,30);

  circle(10,150,30);

  circle(180,350,30);

  circle(380,150,30);

}

// drag your mouse to change the color of the circles

​

​

function mousePressed(){

   background(bgColor);

}

// press your mouse to "reset"

​

function draw (){

  fill("black");

   textSize(15)

  textAlign(CENTER,TOP)

   text("Connect the dots!",70,10);

   line(pmouseX,pmouseY, mouseX, mouseY );

  stroke(mouseX, mouseY,10);

}

// connect the dots while dragging your mouse