Como fazer a bolinha retornar ao centro?

Olá Luís, tudo bem com você?

Peço desculpa pela demora para responder o seu tópico.

A forma de solução para o bug de pontuação que você comentou que era resetar a bolinha para o centro todas a vezes que pontos são marcados acaba ficando um pouco extensa, além de ser complexa para um projeto que em teória se apresenta como sendo simples.

Por conta disso vou estar compartilhando contigo uma outra solução, onde vai fazer com que a bolinha não mais fique travada atrás da raquete fazendo com que faça mutiplas pontuações.

function bolinhaNaoFicaPresa( ){
    if (xBolinha - raio <= 0){
    xBolinha = 20;

    } else {

      if (xBolinha - raio >= 588){
        xBolinha = 570;
      }
    }
}

Basicamente, quando a bolinha chegar na posição determinada na condição ela vai estar recebendo um novo valor, isso acontece tanto para a sua raquete quanto para a raquete do oponente.

Caso tenha ficado com alguma dúvida sobre o que foi passado vou estar disponível para lhe ajudar. Abraços e bons estudos!