não consigo baixar o arquivo de colisao rectcircle no github a versao do professor e a antiga | Lógica de programação: comece em lógica com o jogo Pong e JavaScript

Oi Fabio, tudo bem?

Para baixar a biblioteca de colisão do p5.js basta você seguir o procedimento abaixo:

Inicialmente exploramos a aba Reference, que encontramos no submenu Help, que está na parte superior direita do p5.js.
Em seguida clique em Libraries.
Procure a biblioteca p5.collide2D. e clique.
Você será redirecionado para a página do GitHub em que o código está hospedado. Clique em code e em download zip

Lembre-se de descompactar os arquivos!
Agora, para adicionar a biblioteca de colisão no seu projeto é necessário estando no no p5, clicar na setinha ao lado de sketch files e selecionar a opção upload file:
Selecione o arquivo que acabamos de baixar, o p5.collide2D.js e clique em Open. Ele ficará do lado esquerdo do editor de texto, no mesmo lugar em que criamos novos arquivos e carregamos as imagens.

Para que o código da biblioteca possa ser compreendido dentro do projeto, vá até a pasta index.html e crie a seguinte linha de código, dentro da tag <body>.


<script src="p5.collide2d.js"></script>

Agora o código já está disponível para ser utilizado, e o próximo passo é criarmos uma função que detecta a colisão.

No arquivo sketch.js, crie a variável colisao = false e a função colisaoBiblioteca(x,y):

function colisaoBiblioteca(x, y){
  colidiu = collideRectCircle(x, y, comprimentoRaquete, alturaRaquete, xBolinha, yBolinha, raio);
  if(colidiu){
    velocidadeXBolinha *= -1;
    raquetada.play();
  }
}

Perceba que estamos utilizando a função collideRectCircle(), que está na biblioteca que acabamos de trazer para nosso projeto.

Lembre-se de chamar a função colisaoBiblioteca() dentro da função draw(), no arquivo Sketch.js.

Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição para te ajudar.

Grande abraço e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Garanta sua matrícula hoje e ganhe + 2 meses grátis