https://editor.p5js.org/maro3510/full/3H3aipBqC
//PROPRIEDADES DA ESTRADA
let imagemDaEstrada;
let tamanhoXEstrada = 700
let tamanhoYEstrada = 500
//PROPRIEDADES DO ATOR
let imagemDoAtor;
let posicaoXAtor = 150;
let tamanhoYAtor = 35;
let posicaoYAtor = tamanhoYEstrada - tamanhoYAtor - 4
let tamanhoXAtor = 35;
//PROPRIEDADE DO CARRO01
let imagemDoCarro01;
let tamanhoXCarro01 = 90;
let tamanhoYCarro01 = 60;
let posicaoXCarro01 = 600;
let posicaoYCarro01 = 45;
function preload(){
imagemDaEstrada = loadImage("imagens/estrada.png");
imagemDoAtor = loadImage("imagens/ator-1.png");
imagemDoCarro01 = loadImage("imagens/carro-1.png")
}
function setup() {
createCanvas(tamanhoXEstrada, tamanhoYEstrada);
}
function draw() {
background(imagemDaEstrada);
mostraAtor();
mostraCarro01();
moveCarro01();
moveAtor();
}
function mostraAtor(){
image(imagemDoAtor, posicaoXAtor, posicaoYAtor, tamanhoXAtor, tamanhoYAtor);
}
function mostraCarro01(){
image(imagemDoCarro01, posicaoXCarro01, posicaoYCarro01, tamanhoXCarro01, tamanhoYCarro01)
}
function moveCarro01(){
posicaoXCarro01 -= 5;
}
function moveAtor(){
if (keyIsDown(UP_ARROW)){
posicaoYAtor -= 2;
}
if (keyIsDown(DOWN_ARROW)){
posicaoYAtor += 2;
}
}