2
respostas

[Dúvida] Colisão de bola com jogadores em futebol de mesa/totó em JavaScript

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

2 respostas

Olá, Silvy! Tudo bem?

Peço desculpas pela demora para responder o seu tópico.

Ao acessar o primeiro link, onde você upou os arquivos do projeto, apareceu uma mensagem que os conteúdos, que lá estavam, expiraram. Por conta disso, poderia compartilhar seu código comigo, por favor? A falta dos arquivos de imagem e de som fazem com que não seja possível realizar os testes com exatidão.

Você poderia enviar o link do seu repositório do Github ou o link do seu projeto no P5.js. Para coletar o link do P5.js, faça os passos descritos abaixo.

  • Abra o menu file na parte superior direita da tela e selecione a opção share:

Recorte de captura de tela do P5js. O menu file foi selecionado, e abaixo a terceira opção, share, está destacada em rosa

  • E então copie o link da opção edit, e cole aqui no fórum:

Recorte de captura de tela do p5js. Uma janela cinza com título Share, e logo abaixo, o nome do projeto. Há três opções de link. Embeb, Fullscreen e Edit. A última, edit, está destacada em vermelho

Bons estudos!

Fico no aguardo e à disposição

Oi Armano, sem problemas, obrigado pela intenção em ajudar! É que eu não fiz usando a bibilioteca P5. De fato, o arquivo expirou, desculpe por isso, então eu reupei novamente no WeTransfer os arquivos: https://we.tl/t-fNIxCOiOWl

Os códigos JS e HTML são os mesmos https://www.invertexto.com/mxzu20 https://www.invertexto.com/jqup07

Isso serviria?