Mostrar raquete na função draw | Lógica de programação: comece em lógica com o jogo Pong e JavaScript

Oi, Julio, tudo bem?

Ao analisar o código que você enviou percebi que você fez o fechamento da função verificaColisaoBorda() após a função mostraRaquete(). Isso faz com que a mostraRaquete() seja adicionada no interior da verificaColisaoBorda(), como mostrado abaixo:

function verificaColisaoBorda(){
    if (xBolinha + raio > width || xBolinha - raio < 0){
        velocidadeXBolinha *= -1;
      }

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

function mostraRaquete(){
    rect(xRaquete, yRaquete, raqueteComprimeto, raqueteAltura);
}

}

Podemos solucionar este problema reescrevendo a chave que fecha a função verificaColisaoBorda() antes de iniciar os comandos da função mostraRaquete():

function verificaColisaoBorda(){
    if (xBolinha + raio > width || xBolinha - raio < 0){
        velocidadeXBolinha *= -1;
      }

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

function mostraRaquete(){
    rect(xRaquete, yRaquete, raqueteComprimeto, raqueteAltura);
}

Espero ter ajudado!

Caso tenha dúvidas, estarei aqui para te ajudar :)

Grande abraço!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!