travei no meio da aula em p5 , devo voltar e ir refazendo linha por linha ! cheguei em um ponto que vai dando erro e não consigo resolver !
travei no meio da aula em p5 , devo voltar e ir refazendo linha por linha ! cheguei em um ponto que vai dando erro e não consigo resolver !
Oi, Marcel ! Como vai?
Travar é algo muito comum e esse processo de refazer tudo ou analisar o que pode causar erro está mais relacionado a sua forma de aprendizagem. No entanto, quando trabalhamos com grandes projetos ou grandes empresas refazer do início todo o projeto pode se tornar algo pouco produtivo. Dessa forma, recomendo que você analise novamente o código e compartilhe o link do seu projeto aqui para que eu possa te ajudar melhor.
Marcel, bom dia!
Em primeiro lugar, você comentou a preload() mas esqueceu de comentar a última chave } que fecha o escopo da função. Dessa maneira, o erro de sintaxe acontecia.
Em segundo lugar, você esqueceu de realizar o upload dos sons no seu projeto. É por isso que o projeto fica em "loading" infinito, porque a preload() está procurando e não encontra o arquivo.
Por fim você também precisa chamar a biblioteca collide2d no seu arquivo index.html, ou então o p5js não vai encontrar a referência. Seu index.html precisa estar assim:
<!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>
<main>
</main>
<script src="sketch.js"></script>
<script src="p5.collide2d.js"></script>
</body>
</html>
Realize as modificações e compartilhe o resultado aqui.
Fico no aguardo.