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

ReferenceError: collideRectCircle is not defined

Olá a todos, tudo bem? Estou com uma dúvida aqui, e mesmo voltando as aulas e copiando os códigos do professor nao consegui resolver. Os arquivos estão todos upados e segui tudo certinho, mas como sempre, acabamos deixando algo passar, não é mesmo? Alguém me ajuda, pfvr kkk! Insira aqui a descrição dessa imagem para ajudar na acessibilidadeCódigo do Ator


let xAtor = 100;
let yAtor = 366;
let colisao = false;


function mostraAtor(){
  image(imagemDoAtor, xAtor, yAtor, 30, 30);
}

function movimentaAtor(){
  if (keyIsDown(UP_ARROW)){
    yAtor -= 3;
  }
  if (keyIsDown(DOWN_ARROW)){
    yAtor += 3;
  }
}
function verificaColisao(){
  //collideRectCircle(x1, y1, width1, height1, cx, cy, diameter)
  for (let i = 0; i < imagemCarros.length; i++){
    colisao = collideRectCircle(xCarros[i], yCarros[i], comprimentoCarro, alturaCarro, xAtor, yAtor, 15)
    if (colisao){
      colidiu();
    }
  }
}

function colidiu(){
  yAtor = 366;
}

Index

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

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

Sketch


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

function draw() {
  background(imagemDaEstrada);
  mostraAtor ();
  mostraCarro ();
  movimentaCarro();
  movimentaAtor ();
 voltaPosicaoInicialDoCarro();
  verificaColisao();

 
}
5 respostas

Oi, Jorge

Faltou o arquivo: "p5.collide2d.js"

Veja a aula: Importando outra biblioteca

Download do p5.collide2d.js

Olá Luis, tudo bem? Então o arquivo está upado sim, está logo abaixo do index no lado esquerdo, e eu chamei ele através do script no HTML

solução!

Oi, não tinha visto

O problema é essa pasta "project-folder"

Duas opções de correção:

  1. Faça novamente o upload do "p5.collide2d.js", agora colocando ele na raiz do projeto

  2. Ou modificar o "index.html" incluindo a pasta "project-folder" para o "p5.collide2d.js"

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

  </head>
  <body>
    <!-- incluída a pasta project-folder -->
    <script src="project-folder/p5.collide2d.js"></script> 
      
    <script src="sketch.js"></script>
    <script src="ator.js"></script>
    <script src="carro.js"></script>
    <script src="imagens.js"></script>
    
  
  </body>
</html>

Show! agora foi, muito obrigado!

Obrigada, gente. Eu estava com o mesmo problema, não sabia mais o que fazer. Refazer o upload do p5.collide2d.js resolveu.