2
respostas

Resolvido - Faça como eu fiz na aula

//Código do Carro

//Variáveis do Carro 1
let xCarro1 = 600;
let yCarro1 = 40;
let velocidadeCarro1 = 2;

//Variáveis do Carro 2
let xCarro2 = 600;
let yCarro2 = 96;
let velocidadeCarro2 = 2.5;

//Variáveis do Carro 3
let xCarro3 = 600;
let yCarro3 = 150;
let velocidadeCarro3 = 3.2;

//Função para mostrar o carro na tela
function mostraCarro(){
  image(imagemCarro1, xCarro1, yCarro1, 50,40);
  image(imagemCarro2, xCarro2, yCarro2, 50,40);
  image(imagemCarro3, xCarro3, yCarro3, 50,40);
}

//Função para movimenta o carro na tela
function movimentaCarro(){
  xCarro1 -= velocidadeCarro1;
  xCarro2 -= velocidadeCarro2;
  xCarro3 -= velocidadeCarro3;
}

//Função para o carro voltar a posição inicial
function voltaPosicaoInicialCarro(){
  if (xCarro1 <- 50){
    xCarro1 = 600;
  }
  if (xCarro2 <- 50){
    xCarro2 = 600;
  }
  if (xCarro3 <- 50){
    xCarro3 = 600;
  }
}
//Imagens do Jogo

//Variáveis das Imagens
let imagemDaEstrada;
let imagemDoAtor;
let imagemCarro;
let imagemCarro2;
let imagemCarro3;


//Função de pré loading das imagens
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");
}
//Código do Ator

//Variáveis do Ator
let xAtor = 100;
let yAtor = 366;

//Função para mostrar o ator na tela
function mostraAtor(){
  image(imagemDoAtor, xAtor, yAtor, 30, 30);
}

//Função para movimentar o ator na tela
function movimentaAtor(){
  if (keyIsDown (UP_ARROW)){
    yAtor -= 3;
  }
  if (keyIsDown (DOWN_ARROW)){
    yAtor += 3;
  }
}
2 respostas
<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/p5.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/addons/p5.sound.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta charset="utf-8" />

  </head>
  <body>
    <script src="sketch.js"></script>
    <script src="imagens.js"></script>
    <script src="ator.js"></script>
    <script src="carro.js"></script>
  </body>
</html>

Boa, Felipe!

Seguimos em frente!

Qualquer dúvida nos procure

Um abraço e bons estudos

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software