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

Erro com: ReferenceError: collideRectCircle is not defined at /sketch.js:74:3

//Variáveis da bolinha let xBolinha = 300; let yBolinha = 200; let diametro = 20; let raio = diametro /2;

//Variáveis do movimento da bolinha let velocidadexBolinha = 6; let velocidadeyBolinha = 6;

//Variáveis da raquete let xRaquete = 5; let yRaquete = 150; let comprimentoRaquete = 10; let larguraRaquete = 100;

let colisao = false;

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

function draw() { background(0); mostraBolinha(); movimentaBolinha(); verificaBolinha(); mostrarRaquete(); movimentaRaquete(); verificaColisao(); colisaoBiblioteca(); }

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

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

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

function mostrarRaquete(){ rect(xRaquete, yRaquete, comprimentoRaquete, larguraRaquete); }

function movimentaRaquete(){ if (keyIsDown(UP_ARROW)){ yRaquete -= 5; } if (keyIsDown(DOWN_ARROW)){ yRaquete += 5; } }

function verificaColisao(){ if (xBolinha - raio < xRaquete + comprimentoRaquete && yBolinha - raio < yRaquete + larguraRaquete && yBolinha + raio > yRaquete){ velocidadexBolinha *= -1; } }

function colisaoBiblioteca(){ colisao = collideRectCircle(xRaquete, yRaquete, comprimentoRaquete, larguraRaquete, xBolinha, yBolinha, raio); if (colisao){ velocidadexBolinha *= -1; } }


p5.js says: [sketch.js, line 74] "collideRectCircle" is not defined in the current scope. If you have defined it in your code, you should check its scope, spelling, and letter-casing (JavaScript is case-sensitive).


Sketch Files: index.html p5.collide2d.js sketch.js style.css

2 respostas
solução!

Boa noite Tulio, tudo bem?

A mensagem de erro está informando que a função "collideRectCircle", não foi definida.

Lembrando que essa função se encontra no arquivo "p5.collide2d.js", que deve ser importado no projeto e mencionado no arquivo "index.html".

Espero ter ajudado.

Eduardo, boa tarde. Como faço para mencionar o "collideRectCircle" no "index.html"? Estou com o arquivo "p5.collide2d.js" já importado no projeto. Obrigado pela atenção.

Ps: Encontrei o comando para mencionar o comando no outro arquivo. Obrigado!