// Imagens
let imagemDaEstrada;
let imagemDoAtor;
let imagemCarro1;
let imagemCarro2;
let imagemCarro3;

//Carro
let xCarro1 = 400
let xCarro2 = 250
let xCarro3 = 100

//Ator
let yAtor = 366
let xAtor = 100

function preload(){
  imagemDaEstrada = loadImage("Imagens/estrada.png");
  imagemDoAtor = loadImage("Imagens/ator-1.png");
  imagemCarro1 = loadImage("Imagens/carro-1.png");
  imagemCarro2 = loadImage("Imagens/carro-2.png");
  imagemCarro3 = loadImage("Imagens/carro-3.png");

}

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

function draw() {
  background(imagemDaEstrada);

  mostraAtor();
  mostraCarros();
  movimentaCarros();
  movimentaAtor();


}

function mostraAtor(){
  image(imagemDoAtor, xAtor, yAtor, 30, 30);

}

function mostraCarros(){
  image(imagemCarro1, xCarro1, 40, 50, 40);
  image(imagemCarro2, xCarro2, 150, 50, 40);
  image(imagemCarro3, xCarro3, 318, 50, 40);

}

function movimentaCarros(){
  xCarro1 -= 2;
  xCarro2 -= 3;
  xCarro3 -= 2;

}

function movimentaAtor(){
  if (keyIsDown(UP_ARROW))
    yAtor -= 2
  if (keyIsDown(DOWN_ARROW))
    yAtor += 2
  if (keyIsDown(LEFT_ARROW))
    xAtor -= 2
  if (keyIsDown(RIGHT_ARROW))
    xAtor += 2

}