let x1 = 0;

let y1 = 0;

​

function setup() {

  createCanvas(400, 400);

  // colorMode(HSB);

}

​

function draw() {

  // let hueMouse = map(mouseX, 0, width, 0, 360);

  // let satMouse = map(mouseY, 0, height, 0, 100);

  background(200);

  noStroke();

  fill(0);

  // text('mouse X: ' + mouseX, 25, 25);

  // text('mouse Y: ' + mouseY, 25, 50);

​

  let x2 = width/2;

  let y2 = height/2;

​

  circle(x1, y1, 30);

  circle(x2, y2, 30);

  let d = floor(dist(x1, y1, x2, y2));

  text('Distance is: ' + d, 25, 25);

  if(d < 100){

    stroke(255, 0, 0);

    line(x1, y1, x2, y2);

  }

  x1 += xspeed;

  y1 += xspeed;

  // noFill();

  // rect(0, 0, mouseX, mouseY);

}