imagem.js
//imagens do jogo
let imagemDaEstrada;
let imagemDoAtor;
let imagemCarro;
let imagemCarro2;
let imagemCarro3;
function preload(){
imagemDaEstrada = loadImage("imagens/estrada.png");
imagemDoAtor = loadImage("imagens/ator-1.png");
imagemCarro = loadImage("imagens/carro-1.png");
imagemCarro = loadImage("imagens/carro-2.png");
imagemCarro = loadImage("imagens/carro-3.png");
}
carro.js
//código do carro
//carro 1
let xCarro = 600;
let yCarro = 40;
let velocidadeCarro = 2;
//carro 2
let xCarro2 = 600;
let yCarro2 = 96;
let velocidadeCarro2 = 2.5;
//carro 3
let xcarro3 = 600;
let ycarro3 = 150;
let velocidadeCarro3 = 3.2;
function mostraCarro(){
image(imagemCarro, xCarro, yCarro, 50, 40);
image(imagemCarro, xCarro2, yCarro2, 50, 40);
image(imagemCarro, xCarro3, yCarro3, 50, 40);
}
function movimentaCarro(){
xCarro -= velocidadeCarro;
xCarro2 -= velocidadeCarro2;
xCarro3 -= velocidadeCarro3;
}
ator.js
//código do ator
let xAtor = 100;
let yAtor = 366;
function mostraAtor(){
image(imagemDoAtor,xAtor , yAtor, 30, 30);
}
function movimentaAtor(){
if (keyIsDown(UP_ARROW)){
yAtor -= 3;
}
if (keyIsDown(DOWN_ARROW)){
yAtor += 3;
}
}
sketch.js
function setup() {
createCanvas(500, 400);
}
function draw() {
background(imagemDaEstrada);
mostraAtor();
mostraCarro();
movimentaCarro();
movimentaAtor();
}
index.html
<script src="sketch.js"></script>
<script src="imagens.js"></script>
<script src="ator.js"></script>
<script src="carro.js"></script>