Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Ao encostar nas bordas o valor de "xBolinha + raio" fica maior que width e então a bolinha retorna? Mas width não é o valor máximo da borda para X à direita? Como que "xBolinha + raio" pode ser maior do que o máximo?
A mesma dúvida vai para "xBolinha - raio" menor que zero. Zero já não é o valor mínimo para X à esquerda? Como que "xBolinha - raio" pode ser menor do que zero (o mínimo)?
Os mesmos questionamentos valem pra Y tanto pra cima quanto pra baixo.
Muito obrigado.
O width é uma representação do limite do "cénario", se você retirar a colisão vai perceber que a bolinha desaparece, pois elá continua seguindo a direção mesmo após ultrapassar a width.