Primeira parte concluida

https://editor.p5js.org/antguithur/full/Of5gTnAQU

let imagemDaEstrada; let imagemDoAtor; let imagemCarro1; let imagemCarro2; let imagemCarro3; let imagemCarro4; let imagemCarro5; let imagemCarro6;

//Variavel do carro let xCarro1 = 600; let xCarro2 = 500; let xCarro3 = 700; let xCarro4 = 500; let xCarro5 = 600; let xCarro6 = 800;

//Variavel do ator let xAtor = 100; let yAtor = 370;

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"); imagemCarro4 = loadImage("imagens/carro-4.png"); imagemCarro5 = loadImage("imagens/carro-5.png"); imagemCarro6 = loadImage("imagens/carro-6.png"); }

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

function draw() { background(imagemDaEstrada); mostrarAtor(); mostrarCarro(); movimentaCarro(); movimentaAtor();

}

function mostrarAtor(){ image(imagemDoAtor, xAtor, yAtor, 25, 25); }

function mostrarCarro(){ image(imagemCarro1, xCarro1, 40, 50, 40); image(imagemCarro2, xCarro2, 100, 50, 40); image(imagemCarro3, xCarro3, 150, 50, 40); image(imagemCarro4, xCarro4, 210, 50, 40); image(imagemCarro5, xCarro5, 265, 50, 40); image(imagemCarro6, xCarro6, 320, 50, 40); }

function movimentaCarro(){ xCarro1 -= 3; xCarro2 -= 2; xCarro3 -= 2; xCarro4 -= 3; xCarro5 -= 2; xCarro6 -= 4; }

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; } }