Fala ai Vitor, tudo bem? O problema é que você definiu várias funções chamadas preload
.
O ideal seria você definí-la apenas uma vez e dentro dela carregar as três imagens:
function preload(){
imagemDaEstrada = loadImage("imagens/estrada.png")
imagemDoAtor = loadImage("ïmagens/ator-1.png")
imagemCarro = loadImage("imagens/carro-1.png")
}
Espero ter ajudado.
Fiz os ajustes mas as imagens continuam não aparecendo. O sistema retorna a seguinte mensagem:
p5.js says: It looks like there was a problem loading your image. Try checking if the file path [https://editor.p5js.org/Michelucci/sketches/QWnjnp_hz/%C3%AFmagens/ator-1.png] is correct, hosting the image online, or running a local server.[https://github.com/processing/p5.js/wiki/Local-server] ▶Event {isTrusted: true, constructor: Object}
O problema está no carregamento da segunda imagem:
imagemDoAtor = loadImage("ïmagens/ator-1.png");
Repare que o i
de imagens
está com um acento. Retire o acento que deve funcionar:
imagemDoAtor = loadImage("imagens/ator-1.png");
Espero ter ajudado.