Gente o código deu certo, mas não entendi qual a lógica por trás dele.
let esquerdaBolinha = xBolinha - raio;
let superiorBolinha = yBolinha - raio;
let inferiorBolinha = yBolinha + raio;
let direitaRaquete = xRaquete + raqueteComprimento;
let superiorRaquete = yRaquete;
let inferiorRaquete = yRaquete + raqueteAltura;
Como que yRaquete mais RaqueteAltura é a parte inferios da raquete? e Por que xRaquete mais RaqueteComprimento vai para o meio dela?
Oi, Natan! Tudo bem contigo?
Na computação, as coordenadas são geralmente medidas a partir do canto superior esquerdo da tela. Logo:
y, mais para baixo da tela estamos;x, mais para a direita da tela estamos.Quando falamos de yRaquete + raqueteAltura, estamos nos referindo à parte inferior da raquete. Imagine que yRaquete é o ponto de partida no topo da raquete. Ao adicionar a altura da raquete (raqueteAltura), estamos descendo a partir desse ponto até o final da raquete, ou seja, a parte inferior dela.
Para uma melhor compreensão, observe a imagem abaixo:
Em relação à xRaquete + raqueteComprimento, estamos falando da extremidade direita da raquete. xRaquete é a coordenada horizontal do início da raquete (lado esquerdo). Quando somamos o comprimento da raquete (raqueteComprimento), estamos nos movendo horizontalmente para a direita, até a extremidade da raquete.
Para visualizar esta ideia, veja comigo esta imagem:
Natan, espero ter ajudado com a explicação! Qualquer dúvida, estarei por aqui.
Um abraço.