Pong JavaScript trocando circulo por quadrado

Então, venho fazendo o código acompanhando as aulas, chegando na aula 04 "colisão com a raquete" eu reparei que bom, tava meio diferente do que estava sendo apresentado, foi onde eu me dei conta que ao invés de utilizar o circulo eu havia optado pelo quadrado(já que o original é um quadrado). Queria saber se alguém sabe se isso é o que está interferindo com a colisão da bola com o canto superior da tela e da bola com a "raquete", e caso seja esse o problema o que devo fazer pra arrumar. o meu código está assim:

https://editor.p5js.org/HelvioCavaca/sketches/NqCxsKzHf

//----------Ball Variables--------------------------//
let xBall = 300;
let yBall = 200;
let diameterBall = 15;
let radiusBall = diameterBall / 2 ;
//----------Player Variables--------------------------//
let xPlayer = 5;
let yPlayer = 150;
let widthPlayer = 10;
let heightPlayer = 90;

//----------Ball Speed-----------------------------//
let speedXBall = 2;
let speedYBall = 2;

function setup() {
  createCanvas(600, 400);
}
/*----------Main Function-------------------------*/
function draw() {
  background(0);
  drawBall();
  ballMovement();
  ballCollision();
  drawPlayer();
  playerMovement();
  playerCollision();
}
/*----------Main Function-------------------------*/
/*----------Ball Function-------------------------*/
function drawBall(){
  square( xBall,yBall,diameterBall);
}
/*----------ballMovement--------------------------*/
function ballMovement(){
    xBall += speedXBall ;
    yBall += speedYBall ;
}
/*----------ballCollision------------------------*/
function ballCollision(){
    if (xBall + radiusBall> width || 
        xBall - radiusBall< 0){
    speedXBall *= -1;
  }
    if (yBall + radiusBall> height || 
        yBall - radiusBall<0){
    speedYBall *= -1;
  }
}
/*----------Ball Function-------------------------*/
/*---------Player Function------------------------*/
function drawPlayer(){
  rect( xPlayer,yPlayer,widthPlayer, heightPlayer);
}
/*----------playerMovement------------------------*/
function playerMovement(){
  if(keyIsDown(UP_ARROW)){
    yPlayer -= 10;
  }
  if(keyIsDown(DOWN_ARROW)){
    yPlayer += 10;
  }
}
/*----------playerCollision----------------------*/
function playerCollision(){
  if (xBall - radiusBall < xPlayer + widthPlayer && yBall - radiusBall < yPlayer + heightPlayer && yBall + radiusBall > yPlayer){
     speedXBall *= -1;
  }


}
/*---------Player Function-----------------------*/