minha bolinha não colide com a raquete tentei ate o codigo do prof mas mesmo assim não colide e esta tudo igual so os nomes de variaveis estão diferentes

// bolinha
let ybolinha = 200;
let xbolinha = 300;
let diametro = 22;
let raio = diametro / 2;

// velocidade
let velocidadebx = 3;
let velocidadeby = 5;

//raquete
let xraquete = 7
let yraquete = 150
let larguraraq = 10
let alturaraq = 90

function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(0);
 MostraBolinha();
 MoverBolinha();
 VerificaColisão();
  raquete();
  movimentaraquete();
  verificaColisaoRaquete();

function MostraBolinha(){circle(xbolinha,ybolinha,diametro);
                      }

function MoverBolinha(){
  xbolinha = xbolinha + velocidadebx ;
 // ybolinha = ybolinha + velocidadeby;
  }

function VerificaColisão(){
  if (xbolinha + raio > width || xbolinha - raio < 0 ){
    velocidadebx *= -1;
  }
  if (ybolinha + raio > height || ybolinha - raio < 0) {
    velocidadeby  *= -1;
  } 
}

function raquete() 
{rect(xraquete,yraquete,larguraraq,alturaraq
     ); }

function movimentaraquete(){
  if(keyIsDown(UP_ARROW)){yraquete -=10;}
  if(keyIsDown(DOWN_ARROW)){yraquete +=10;}
} 

function verificaColisaoRaquete() {
    if (xbolinha - raio < xraquete + larguraraq
        && ybolinha - raio < yraquete + alturaraq
        && ybolinha + raio > yraquete) {
        velocidadeby *= -1;
    }
}
}