Olá, tudo bem? Então eu fiz este jogo de futebol de mesa em página HTML com Javascript puro (estou começando). Criei ele numa página GitHub Pages. Upei os arquivos no WeTransfer caso queiram dar uma olhada: https://we.tl/t-8YzjXaqYkS
Dá para jogar, há a colisão, mas ela ainda não está 100% funcional, ela colide com os jogadores mas também com algumas regiões do gramado aonde não tem nenhum jogador (como se a região que tivesse que ter a colisão com o jogador azul ou vermelho não fosse 100% atualizada de acordo com o movimento dos jogadores). Eu vim aqui pq eu tentei de tudo que fosse possível (GetRect, p2collide do p5 (que também foi promissor mas n resolveu 100%), entre outros) e nada deu certo literalmente, até forcei um pouco a barra pq estive bem cansado por conta dos efeitos do tratamento da doença que estou carregando, daí a forma que mais chegou próximo do que queria foi esta que implementei. Acredito que também posso melhorar o método de detectar gols.
Não consigo colar o código JS aqui pq passa do limite do carácteres então eu joguei no notepad do invertexto.com (desculpem por isso). Alguém tem alguma sugestão ou idéia quanto a colisão pra que eu possa tentar? Ficaria grato. Código JS - https://www.invertexto.com/mxzu20 Código HTML da página aonde está o game - https://www.invertexto.com/jqup07