Primeiro havia pensado em retornar a bolinha para o centro do background quando encostasse nas bordas. Utilizei esse código para a interação. function evitaPrenderBolinha(){ if(xBolinha - raio < 0){ xBolinha = 300 } if(xBolinha + raio > 600){ xBolinha = 300 } }
Porém a fluidez do jogo fica estranha e mais fácil do oponente errar. Então decidi tentar retornar a bolinha para uma posição logo depois da raquete. Melhorando a fluidez utilizando o mesmo código.
function evitaPrenderBolinha(){
if(xBolinha - raio < 0){
xBolinha = 20
}
if(xBolinha + raio > 600){
xBolinha = 580
}
}