Aparece um erro no meu código de movimenta a bolinha e o código da raquete não funciona quando dou o play, mesmo clicando na tela!

//variaveis da bolinha
let xBolinha = 300;
let yBolinha = 200;
let diametro = 15;
let raio = diametro /2;

//velocidade da bolinha
let velocidadexBolinha = 6;
let velocidadeyBolinha = 6;

//variáveis 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();
    verificaColisaoBorda();
    rect(5, 150, 10, 90);
    movimentaMinhaRaquete();
}

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

function verificaColisaoBorda (){
  if (xBolinha + raio> width || 
     xBolinha- raio < 0)
    velocidadexBolinha *= -1
}
  
  function verificaColisaoBorda (){
  if (yBolinha + raio> height || 
     yBolinha- raio < 0){
    velocidadeyBolinha *= -1
  }
}


function movimentaMinhaRaquete() {
    if (keyIsDown(UP_ARROW)) {
        yRaquete -= 10;
    }
    if (keyIsDown(DOWN_ARROW)) {
        yRaquete += 10;
    }
}