Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
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:
![https://editor.p5js.org/Michelucci/sketches/QWnjnp_hz/%C3%AFmagens/ator-1.png]](https://editor.p5js.org/Michelucci/sketches/QWnjnp_hz/%C3%AFmagens/ator-1.png%5D){kind=link}
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.