Oi Joás, tudo bem? Espero que sim.
Peço desculpas pela demora em obter um retorno!
Tem algumas coisas que consegui perceber que podem estar causando problemas no seu código.
Inicialmente você deve remover o asterisco abaixo da variável raio (let raio = diametro/2
):
let xBolinha = 300;
let yBolinha = 200;
let diametro = 15;
let raio = diametro / 2 ;
let velocidadeXBolinha = 2;
let velocidadeYBolinha = 2;
Na parte em que você define a velocidade da bolinha abaixo da função circle
, você deve remover o comentário //xBolinha += velocidadeXBolinha
e trocar a letra X
pela letraY
no comando yBolinha += velocidadeXBolinha
:
circle (xBolinha, yBolinha, diametro);
xBolinha += velocidadeXBolinha;
yBolinha += velocidadeYBolinha;
Ao declarar a função if
para que a bolinha fique dentro dos limites da tela para "x", você deve abrir chaves para colocar a condição e ao declará-la deve multiplicar a velocidade da bolinha por "-1":
if (xBolinha + raio > width || xBolinha - raio < 0){
velocidadeXBolinha *= -1;
}
Ao declarar a função if
para "y" você deve fechar as chaves ao final da condição e ao declará-la deve multiplicar o valor da velocidade da bolinha por "-1". :
if (yBolinha + raio> height || yBolinha - raio < 0){
velocidadeYBolinha *= -1;
}
}
Lembre-se também de remover o asterisco ao final do código, pois ele pode ser motivo de erro.
Uma dica para o uso das chaves é que elas, assim como os parênteses e colchetes sempre andam em pares, então a quantidade de chaves que abre qualquer parâmetro deve ser igual a quantidade que fecha qualquer parâmetro. Se quiser ver o par de colchetes basta clicar em cima de uma delas e a outra será ressaltada. Contudo muitos ambientes de desenvolvimento integrado (IDE’s) já fecham automaticamente um parêntese, chave ou colchete que foi aberto inicialmente, facilitando a vida dos DEV 's, mas sempre lembre-se de verificar!
Espero ter ajudado com sua dúvida, e novamente peço desculpas pela demora em te responder!
Caso surja uma dúvida, estarei à disposição para te ajudar:)
Grande abraço!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!