Olá pessoal!
Está funcionando ok pelo que vi até aqui, mas percebo que fica um rastro no caminho da bolinha. Também percebo nas raquetes, muda a cor no local. O que será?
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!
Olá pessoal!
Está funcionando ok pelo que vi até aqui, mas percebo que fica um rastro no caminho da bolinha. Também percebo nas raquetes, muda a cor no local. O que será?
Oi, Carol! Tudo bem?
Se notamos um rastro ou mudança de cor no local onde a bola ou as raquetes se movem, pode ser um efeito visual causado pela falta de atualização completa dos elementos na tela. Isso pode acontecer quando a renderização do jogo ou animação não está sendo feita de forma eficiente.
Para resolvermos o problema podemos utilizar a função clear(), que é uma alternativa à função background() no p5.js. Ela remove todo o conteúdo da tela a cada quadro, permitindo que redesenhemos os elementos sem rastros.
Dessa forma, podemos deixar a nossa função draw() da seguinte forma para diminuirmos o efeito de rastro:
function draw() {
background('rgba(0,80,0, 0.25)');
clear();
background('rgba(0,80,0, 0.95)');
mostraBolinha();
mostraRaquete (xRaquete, yRaquete);
mostraRaquete (xRaqueteOp, yRaqueteOp);
movimentaBolinha();
movimentaRaqueteOp ();
movimentaMinhaRaquete();
verificaColisao ();
colisaoRaquetesBiblioteca (xRaquete,yRaquete);
colisaoRaquetesBiblioteca (xRaqueteOp,yRaqueteOp);
incluiplacar ();
marcaPonto ();
calculaChanceDeErrar ();
//divisãomesa
rect(300, 0, 4, 400);
}Espero ter ajudado na compreensão do problema. Caso tenha ficado alguma dúvida, sinta-se à vontade em comunicar, estou à disposição!
Um forte abraço e bons estudos!