Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] ReferenceError: imagemDaEstrada não está definido

Referente ao curso Lógica de programação: laços e listas com JavaScript, no capítulo Dividindo o código e carros para sempre e atividade Faça como eu fiz na aula

por Juliana da Mata Oliveira
| 98k xp | 12 posts
Assistente técnico administrativo

Boa noite!

Estou seguindo as informações da aula mas devo ter esquecido de algo, ao colocar o jogo para funcionar aparece a seguinte mensagem: p5.js diz: [esboço.js, linha 6] "imagemDaEstrada" não está definido no escopo atual. Se você o definiu em seu código, verifique seu escopo, ortografia e letras maiúsculas (JavaScript diferencia maiúsculas de minúsculas). + Mais informações: https://p5js.org/examples/data-variable-scope.html

Alguém pode me auxiliar?

https://editor.p5js.org/julyoliju/sketches/iFtYsfKcd

Obrigada

3 respostas
por Luis Dias
| 2814k xp | 2645 posts
Developer PHP (⌐■_■)

Oi, Juliana

No seu projeto, vc não criou uma pasta "imagens" para colocar as imagens, então

Em "imagens.js", faça assim, sem a pasta:


function preload(){
  imagemDaEstrada = loadImage("estrada.png");
  imagemDoAtor = loadImage("ator-1.png");
  imagemDoCarro = loadImage("carro-1.png");
  imagemDoCarro2 = loadImage("carro-2.png");
  imagemDoCarro3 = loadImage("carro-3.png"); 
}

Outros ajustes

1 - Falta incluir no "index.html" os Javascript: "ator.js", "carro.js" e "imagens.js"

2 - Em "ator.js" e "carro.js", tem função que falta fechar com chave "}"

3 - Em "carro.js", precisa corrigir a função "voltaPosicaoInicialDoCarro"

Se precisar de mais auxílio, é só pedir 🤓

por Juliana da Mata Oliveira
| 98k xp | 12 posts
Assistente técnico administrativo

Olá Luis, bom dia! Tudo bem?

Segui suas indicações de ajustes e mesmo assim não consegui colocar o jogo para funcionar :( Preciso de mais auxilio, por favor.

Como devo fazer o item 1 - Falta incluir no "index.html" os Javascript: "ator.js", "carro.js" e "imagens.js" ?

https://editor.p5js.org/julyoliju/sketches/iFtYsfKcd

Obrigada.

solução!
por Luis Dias
| 2814k xp | 2645 posts
Developer PHP (⌐■_■)

Oi, Juliana

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.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="imagens.js"></script>
    <script src="ator.js"></script>
    <script src="carro.js"></script>
  </body>
</html>

Na linha 6, "ator.js", remova a chave "{" no final da linha

Em "carro.js" está faltando uma chave "}" no final do arquivo

Bons estudos! 🤓