Lógica de programação_ comece em lógica com o jogo Pong e Javascript_ Aula 5 - Atividade 8 Bolinha presa na raquete_ _ Alura - Cursos online de tecnologia

Prévia do material em texto

25/12/22, 20:31 Lógica de programação: comece em lógica com o jogo Pong e Javascript: Aula 5 - Atividade 8 Bolinha presa na raquete? | Alu…
https://cursos.alura.com.br/course/pong-javascript/task/106354 1/3
08
Bolinha presa na raquete?
Dica do estudante: Bolinha presa na raquete?
Enquanto você estava jogando o nosso Pong deve ter notado que a bolinha às
vezes �ca “presa” atrás da raquete e contabiliza vários pontos no placar, como
aparece no gif abaixo, não é?
Esse problema realmente acontece em alguns momentos, e esse tipo de
acontecimento é algo corriqueiro no cotidiano do desenvolvedor. E como
podemos resolver?
O primeiro passo é identi�car o bug e depois entender como o comportamento
inesperado está acontecendo no jogo. Vamos lá?
Esse comportamento ocorre porque a bolinha colide com a borda lateral da
tela. Uma possibilidade para solucionar o problema é impor uma condição
25/12/22, 20:31 Lógica de programação: comece em lógica com o jogo Pong e Javascript: Aula 5 - Atividade 8 Bolinha presa na raquete? | Alu…
https://cursos.alura.com.br/course/pong-javascript/task/106354 2/3
COPIAR CÓDIGO
para que todas as vezes que a bolinha ultrapasse a raquete, volte para o centro
da tela ou então apareça em frente a raquete.
Vários alunos contribuíram com soluções excelentes e vou compartilhar
algumas agora com você:
Essa é uma solução simples e funcional. A aluna Lais criou uma função para
reconhecer quando a bolinha atravessa a área da raqueta e envia uma
instrução para a bolinha surgir um pouco à frente da posição da raquete,
vamos ver no código?
function bolinhaNaoFicaPresa(){
 if (XBolinha - raio < 0){
 XBolinha = 23
 }
}
Muito legal, não é?
Você pode conferir o link do tópico aqui:
Link para tópico: pong criado com solução alternativa para bola presa
atras da raquete (https://cursos.alura.com.br/forum/topico-pong-criado-
com-solucao-alternativa-para-bola-presa-atras-da-raquete-180712)
Outros alunos também depararam com esse problema e deram sugestões
muito bacanas. Vou compartilhar os tópicos aqui com você:
O aluno Roger (https://cursos.alura.com.br/user/roger-rdandre) também
aplicou uma solução simples e funcional:
https://cursos.alura.com.br/forum/topico-pong-criado-com-solucao-alternativa-para-bola-presa-atras-da-raquete-180712
https://cursos.alura.com.br/user/roger-rdandre
25/12/22, 20:31 Lógica de programação: comece em lógica com o jogo Pong e Javascript: Aula 5 - Atividade 8 Bolinha presa na raquete? | Alu…
https://cursos.alura.com.br/course/pong-javascript/task/106354 3/3
Link para o tópico: Evitar que a bolinha trave atras da raquete
(https://cursos.alura.com.br/forum/topico-como-evitar-que-a-bolinha-
trave-atras-da-raquete-solucao-151827)
Além disso, o aluno Thiago Manata (https://cursos.alura.com.br/user/herrtmm)
pensou em uma solução um pouco mais elaborada tecnicamente aqui no
tópico:
Link para o tópico: Erro incremental no pong
(https://cursos.alura.com.br/forum/topico-inclusao-de-erro-incremental-
pong-js-165688)
As super dicas estão aqui e agora é com você!
Bons estudos!
https://cursos.alura.com.br/forum/topico-como-evitar-que-a-bolinha-trave-atras-da-raquete-solucao-151827
https://cursos.alura.com.br/user/herrtmm
https://cursos.alura.com.br/forum/topico-inclusao-de-erro-incremental-pong-js-165688