Mesmo com a função de colisao de raquete a bolinha atravessa

//variaveis da bolinha
let xbolinha = 300;
let ybolinha = 200; 
let dbolinha = 40
let raio = dbolinha / 2 ;

//velocidade da bolinha 
let velocidadexbolinha = 7; 
let velocidadeybolinha = 7;
//variavel da raquete
let xraquete = 5;
let yraquete = 150;
let raquetecomprimento = 10;
let raquetealtura = 90

function setup() {
  createCanvas(600,400);
}
function draw() {
  background(0);
 mostraBolinha();
movimentaBolinha();
 Colisao();
  //variaveis da raquete
  MostrarRaquete();
Movimentaraquete1();
verificacolisaoraquete1
}
function mostraBolinha(){
    circle(xbolinha, ybolinha, dbolinha);
}
function movimentaBolinha(){
  xbolinha += velocidadexbolinha ;
//ybolinha += velocidadeybolinha; 
}
function Colisao(){
  if (xbolinha + raio  > width || 
    xbolinha - raio <0){
  velocidadexbolinha *= -1;
}
  if(ybolinha +raio > height|| 
     ybolinha -raio <0){
    velocidadeybolinha *= -1;
  }
}
function MostrarRaquete(){
   rect(xraquete,yraquete , raquetecomprimento, raquetealtura);
}
function Movimentaraquete1(){
 if (keyIsDown(UP_ARROW)){
   yraquete -=10;
 }
 if (keyIsDown(DOWN_ARROW)){
   yraquete +=10;
 }  
}
function Verificacolisaoraquete1(){
if(xbolinha - raio < xraquete +raquetecomprimento){
 velocidadexbolinha *= -1;  
} 
}

e aparece esse destaque em amarelo