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

Depois de dar play no jogo imagens não carregam

Referente ao curso Lógica de programação: laços e listas com JavaScript, no capítulo Iniciando o projeto e atividade Faça como eu fiz na aula

por Vinicius Silva Souza
| 47.9k xp | 5 posts
let imagemEstrada;
let imagemAtor;
let imagemCarro;

//VariaveisCarro
let xCarro = 600;
let yCarro = 40;

//VariaveisAtor
let yAtor = 366;
let xAtor = 100;

function preload(){
  imagemEstrada = loadImage("imagens/estrada.png");
  imagemAtor = loadImage("imagens/ator-1.png");
  imagemCarro = loadImage("imagens/carro-1.png");
}

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

function draw() {
  background(imagemEstrada);
  mostraAtor();
  mostraCarro();
  movimentaCarro();
  movimentaAtor();
}

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

function mostraCarro(){
  image(imagemCarro,xCarro,yCarro,50,40);
}

function movimentaCarro(){
  xCarro -= 2
}

function movimentaAtor(){
  if(keyIsDown(UP_ARROW)){
    yAtor -=3
  }
  if(keyIsDown(DOWN_ARROW)){
    yAtor +=3
  }
}
3 respostas
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala aí Vinicius, tudo bem? Você adicionou as imagens certinho no projeto e na pasta?

Espero ter ajudado.

por Vinicius Silva Souza
| 47.9k xp | 5 posts

Tudo bem sim, adicionei tudo como no vídeo. Abri o console e vi uma mensagem porém não sei o que significa.

Diz o seguinte:

p5.js says: It looks like there was a problem loading your image. Try checking if the file path [https://editor.p5js.org/VSouza23/sketches/it1xQ4fug/imagens/estrada.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} p5.js says: It looks like there was a problem loading your image. Try checking if the file path [https://editor.p5js.org/VSouza23/sketches/it1xQ4fug/imagens/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} p5.js says: It looks like there was a problem loading your image. Try checking if the file path [https://editor.p5js.org/VSouza23/sketches/it1xQ4fug/imagens/carro-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}

solução!
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala Vinicius, o seu projeto é esse? https://editor.p5js.org/VSouza23/sketches/it1xQ4fug

Aqui ele carregou certinho.

Só um detalhe: As imagens não estão dentro da pasta imagens, elas estão na raiz do projeto. Tente movê-las para dentro da pasta.

Espero ter ajudado.