Opa Ayeesk, tudo certo?
Está no caminho certo! Para resolver o problema da bolinha travada na raquete, precisamos considerar alguns pontos em relação ao código atual:
function bolinhaNaoFicaPresa(){
if(xBolinha + raio < 0){
console.log('bolinha ficou presa');
xBolinha = 23;
}
if (xBolinha + raio > width){
xBolinha = 680
}
}
- A equação
xBolinha + raio
considera a parte do centro do raio até a ponta da direita da bolinha, como nesse caso estamos lidando com a parte esquerda da tela, podemos usar xBolinha - raio <= 0
, sendo que, o símbolo de menor igual vai considerar a posição 0 também; - No caso da direita, recomendo passar um valor mais específico, entre a borda e a raquete, que simbolize que a bolinha está presa nessa posição, o
width
nesse caso se refere a posição 700, a borda da tela. Recomendo um valor menor como >= 685
, por exemplo.
Espero que essas dicas possam te nortear a resolver o problema! Se precisar de ajuda ou tiver alguma dúvida, estou à disposição, conte comigo!
Tenha um bom dia e bons estudos.
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓