let x, y;

let xspeed = 1;

let yspeed = 2;

​

function setup() {

  createCanvas(600, 300);

  // Initialize the position in the center

  x = width / 2;

  y = height / 2;

}

​

function draw() {

  background(220); 

  moveBall();

  bounce();

  ellipse(x, y, 50, 50);

}

​

// Function to move the ball

function moveBall() {

  x += xspeed;

  y += yspeed;

}

​

// Function to handle bouncing off the edges

function bounce() {

  // Check horizontal edges

  if (x <= 0 || x >= width) {

    xspeed *= -1;

  }

  // Check vertical edges

  if (y <= 0 || y >= height) {

    yspeed *= -1;

  }

}

​