void moveBall() {
  ballX =+ speedX;
  ballY =+ speedY;
  ballX = constrain(ballX, 0, width);
  ballY = constrain(ballY, 0, height);
}

void bounceBall() {
  if ((ballX - (ballWidth /2)) <= 0){ 
   speedX = -speedX;
  }
  else if ((ballX + (ballWidth / 2)) >= width){
    speedX = -speedX;
  }
  else if ((ballY - (ballWidth /2)) <= 0){ 
   speedY = -speedY;
  }
  else if ((ballY + (ballWidth / 2)) >= height){
    speedY = -speedY;
  }
}
void draw() {
  background(127);
  // draw the ball
  drawColourCircle(ballX, ballY, ballWidth, color(255, 0, 0));
  // move the ball
  moveBall();
  
  if (checkCollide(ballX, ballY, ballWidth, holeX, holeY, holeWidth)) {
    initializeHole();
    initializeSpeed();
  }
  
  // bounce the ball ( if necessary)
  bounceBall();
  drawColourCircle(holeX, holeY, holeWidth, color(0));
}

void moveBall() {
  ballX =+ speedX;
  ballY =+ speedY;
  ballX = constrain(ballX, 0, width);
  ballY = constrain(ballY, 0, height);
}

void bounceBall() {
  if ((ballX - (ballWidth /2)) <= 0){ 
   speedX = -speedX;
  }
  else if ((ballX + (ballWidth / 2)) >= width){
    speedX = -speedX;
  }
  else if ((ballY - (ballWidth /2)) <= 0){ 
   speedY = -speedY;
  }
  else if ((ballY + (ballWidth / 2)) >= height){
    speedY = -speedY;
  }
}
void draw() {
  background(127);
  // draw the ball
  drawColourCircle(ballX, ballY, ballWidth, color(255, 0, 0));
  // move the ball
  moveBall();
  
  if (checkCollide(ballX, ballY, ballWidth, holeX, holeY, holeWidth)) {
    initializeHole();
    initializeSpeed();
  }
  
  // bounce the ball ( if necessary)
  bounceBall();
  drawColourCircle(holeX, holeY, holeWidth, color(0));
}