Depois de dar play no jogo imagens não carregam | Lógica de programação: laços e listas com JavaScript

Solucionado (ver solução)

Solucionado
(ver solução)

3
respostas

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

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

28/08/2019

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

28/08/2019

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

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

02/09/2019

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.