Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Projeto] PRECISO DE AJUDAAAA! Importei o arquivo p5.collide2D.js, mas algo está dando errado.

Ao importar o arquivo p5.collide2D.js para o meu projeto, está dando erro e meu projeto fica travado nesse erro, já tentei de tudo mas não estou conseguindo, preciso de ajuda, segue os prints! Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade

4 respostas

Abaixo o meu projeto1

//variareisdabolinha let xBolinha = 300; let yBolinha = 200; let diametro = 20 let raio = diametro / 2 ;

//velocidadedabolinha let velocidadexBolinha = 6; let velocidadeyBolinha = 6; let raqueteComprimento = 10; let raqueteAltura = 90

//variaveisdaraquete let xRaquete = 5; let yRaquete = 150

let colidiu = false;

function setup() { createCanvas(600, 400); }

function draw() { background(0); mostraBolinha(); movimentaBolinha(); verificaColisaoBorda(); mostraRaquete(); movimentaMinhaRaquete(); //verificaColisaoRaquete(); colisaoMinhaRaqueteBiblioteca(); }

function mostraBolinha(){ circle(xBolinha,yBolinha,diametro); }

function movimentaBolinha(){ xBolinha += velocidadexBolinha yBolinha += velocidadeyBolinha }

function verificaColisaoBorda(){ if (xBolinha + raio> width || xBolinha - raio < 0){ velocidadexBolinha *= -1; } if (yBolinha + raio> height || yBolinha -raio < 0){ velocidadeyBolinha *= -1; } }

function mostraRaquete(){ rect(xRaquete, yRaquete, raqueteComprimento, raqueteAltura); }

function movimentaMinhaRaquete(){ if (keyIsDown(UP_ARROW)){ yRaquete -= 10; } if (keyIsDown(DOWN_ARROW)){ yRaquete += 10; } }

function verificaColisaoRaquete(){ if (xBolinha - raio < xRaquete + raqueteComprimento && yBolinha - raio < yRaquete + raqueteAltura && yBolinha + raio > yRaquete){ velocidadeXbolinha *= -1; } }

function colisaoMinhaRaqueteBiblioteca(){ colidiu = collideRectCircle(xRaquete,yRaquete,raqueteComprimento, raqueteAltura,xBolinha,yBolinha,raio); if (colidiu){ velocidadeXbolinha *= -1; } }

solução!

Olá, Ellyton.

verifica se no teu index.html você lembrou de colocar o link para o arquivo do p5.collide2d.

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.5.0/p5.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.5.0/addons/p5.sound.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta charset="utf-8" />

  </head>
  <body>
    <main>
    </main>
    <script src="sketch.js"></script>
    <script src="images.js"></script>
    <script src="ator.js"></script>
    <script src="carro.js"></script>
    <script src="p5.collide2d.js"></script>
  </body>
</html>

Deu, certo, copiei e colei o que você mandou, muito obrigado!

O nome do arquivo está com d minúsculo, e no seu print, você colocou com D maiúsculo. Ali estava o problema. Rs

Que bom que consegui te ajudar. :)

Não esqueça de colocar o tópico como respondido. Assim, você ajuda outras pessoas que podem ter o mesmo problema.