Olá eu tive algumas dificuldades para aplicar o Background, mas foram superadas!! segue o código.
let imagemDaEstrada;
let imagemDoAtor;
let imagemCarro;
//Ator
let xAtor = 100;
let yAtor = 366;
//Carro
let xCarro = 600;
let yCarro = 40;
function preload() {
// Caminho relativo as imagens do jogo
imagemDoAtor = loadImage ("Imagens/ator-1.png");
imagemDaEstrada = loadImage("Imagens/estrada.png");
imagemCarro = loadImage("Imagens/carro-1.png");
}
function setup() {
createCanvas(500, 400);
}
function draw() {
// Desenha a imagem no fundo (posição x, posição y, largura, altura)
image(imagemDaEstrada, 0, 0, width, height);
mostraAtor();
mostraCarro();
movimentaCarro();
movimentaAtor();
}
function mostraAtor(){
image(imagemDoAtor, xAtor, yAtor, 30, 30);
}
function mostraCarro(){
image(imagemCarro, xCarro, yCarro, 50, 40);
}
//Movimento Veiculo
function movimentaCarro(){
xCarro -= 2;
if(xCarro < -60){
xCarro = 600;
}
}
//movimento do Jogador
function movimentaAtor(){
if(keyIsDown(87)){
yAtor += -3;
}
if(keyIsDown(83)){
yAtor += 3;
}
if(keyIsDown(68)){
xAtor += 3;
}
if(keyIsDown(65)){
xAtor += -3;
}
//restingir espaço do Jogador
yAtor = constrain(yAtor, 00, 370);
xAtor = constrain(xAtor, 00, 470);
}
