let ballY = 200;

let radius = 50;

let speed = 5;

let speedX = 5;

let speedY = 5;

​

let slider;

let label;

​

function setup() {

  createCanvas(400, 400);

  slider = createSlider(1, 10, 2, 1);

  slider.position(20, 380);

  label = createDiv('Ball Speed:');

  label.position(10, 360);

}

​

function draw() {

  background(220);

  speedY = slider.value();

  // Update speed based on slider value

  if (speedX > 0) speedX = slider.value()

     else speedX = -slider.value();

  // Bounce the ball

  ballX += speedX;

  ballY += speedY;

  // Check for collisions with walls

  if ((ballX + radius > width) || (ballX - radius< 0)) {

    speedX *= -1;

  }

  if (ballY + radius > height || ballY - radius < 0) {

    speedY *= -1;

  }

  // Draw the ball

  fill(0, 255, 0);

  ellipse(ballX, ballY, radius * 2, radius * 2);

}

​