Continuacao Pong

//parametros bolinha
let xBolinha = 400;
let yBolinha = 200;
let diametro = 22;
let raio = diametro /2

// velocidade bolinha 
let vlxb = 5  
let vlyb = 5


// Parametros Raquete 

let xRe = 5
let yRe = 155 
let cRe = 15
let lRe = 90 

//librarie
let collide = false 

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

function draw() {
  background(0)
  showcircle();
  movcircle();
  cborda();
  raqueteEsq();
  movRaqEsq();
  //cRaq();
  collide2d();

}

 function showcircle(){
   circle (xBolinha,yBolinha,diametro);
 } 

 function movcircle(){
  xBolinha = xBolinha + vlxb;
  yBolinha = yBolinha + vlyb;
}
 function cborda(){
   if (xBolinha + raio > width || xBolinha - raio <0)
       vlxb*=-1;

  if (yBolinha + raio > height || yBolinha - raio <0)
      vlyb *=-1;
 }

function raqueteEsq () { 
rect(xRe, yRe, cRe, lRe );
} 

function movRaqEsq(){
if (keyIsDown(UP_ARROW)) {yRe -=8 ;}
if (keyIsDown(DOWN_ARROW)) {yRe +=8;}
}


 function cRaq(){
if (xBolinha - raio < xRe + cRe
&& yBolinha - raio < yRe + lRe
&& yBolinha + raio > yRe ) {
vlxb *=-1 
}}

function collide2d() {
  // calculo variavel 
   collide =  collideRectCircle(xRe, yRe, cRe, lRe , xBolinha, yBolinha, diametro);
  // operacao 
   if (collide){
     vlxb*=-1
   }
}