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á?
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!