​

// ****************************************************************

​

let canvasWidth = 800;

let canvasHeight = 600;

​

let circleSize = 80;

let movingCircle = { x: 100, y: 100 }; // initial position of the circle

​

function setup() {

  createCanvas(canvasWidth, canvasHeight);

}

​

function draw() {

  background(230, 230, 250);

​

  // calculate the direction towards the mouse

  let directionX = mouseX - movingCircle.x;

  let directionY = mouseY - movingCircle.y;

​

  // normalize the direction vector

  let length = sqrt(directionX * directionX + directionY * directionY);

  // move the circle towards the mouse

  if (length > 0) {

    movingCircle.x += (directionX / length) * 2; // move at a speed of 2 pixels

    movingCircle.y += (directionY / length) * 2; // move at a speed of 2 pixels

  }

​

  // draw the moving circle

  fill(255, 180, 250); // pink color

  ellipse(movingCircle.x, movingCircle.y, circleSize);

}

​