1
resposta

[Projeto] Jogo de carrinho em JS

Olá pessoal! Hoje terminei o projeto do free way no curso de programação em JavaScript!

Ainda fiz um auto desafio de fazer com que os carros da parte de baixo fossem para o sentido oposto dos de cima, e até que saiu legal! Vou deixar o codigo caso queiram testar

//carros
let yCarros = [40, 96, 150, 210, 265, 320];
let xCarros = [600, 600, 600, -55, -55, -55];
let velocidadeCarros = [3, 5, 7, -7.5, -6, -3.5];

// codigo carro 

function mostraCarro(){
  for (let i = 0; i < imagemCarros.length; i++){
  image(imagemCarros[i], xCarros[i], yCarros[i], 50, 40);

  }

}

function movimentaCarro(){
  for (let i = 0; i < imagemCarros.length; i++){
  xCarros[i] -= velocidadeCarros[i];
  }
}

function voltaPosicaoCarro(){
  for (let i = 0; i < imagemCarros.length; i++){
  if (i < 3 && xCarros[i] < -55){
    xCarros[i] = 600;
  }
  if (i >= 3 && xCarros [i] > 600){
    xCarros[i] = -55;
  }
 }

} 

O unico grande problema foi que agora os carros de baixos estão andando de marcha ré hehe

1 resposta

Olá Gabriel, tudo bem? Espero que sim!

Sinto muito pela resposta tardia.

Podemos resolver o efeito dos carros dando ré utilizando alguma ferramenta de edição para inverter as imagens. Na própria galeria de imagens você consegue editar e inverter, também pode utilizar a ferramenta paint. Feito isso carregue as imagens no código, não se esqueça de fazer o pré carregamento .

Deixo um exemplo abaixo:

1- Encontre a imagem que deseja inverter na pasta do projeto, aperte o botão direito do mouse, clique na opção “Girar para a esquerda” o carro irá rotacionar 90º, para que a imagem fique invertida é preciso realizar o procedimento novamente;

Início da transcrição - Captura de tela colorida mostrando a uma aba com  11 opções, sendo a quinta “girar para a esquerda” selecionada. - Fim da transcrição

Desse modo, o resultado final ficará assim:

Início da transcrição - Ilustração de um carro verde - Fim da transcrição

Espero ter ajudado Gabriel.

Caso tenha outras dúvidas, fico à disposição.

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!