/speed-run

Esse é um game desenvolvido para a conclusão do desafio da sétima semana do bootcamp fullstack promovido pela Startse - Tech Academy.

Primary LanguageJavaScriptMIT LicenseMIT

🏃‍♂️ Speed Run Game 💨


Gif exibindo imagens do projeto


💻 Projeto

Esse é um projeto desenvolvido para a conclusão do desafio da sétima semana do bootcamp fullstack promovido pela Startse - Tech Academy. O desafio consiste em melhorar e adicionar novas funcionalidades ao jogo, ilustrado abaixo, desenvolvido em live usando HTML, CSS e JavaScript, mantendo toda a proposta inical do game.


bkJ0aY_ac960c0c8bff1269cbf954a4f8549117_00-00-01_00-00-12_2

  • Você pode visualizar o game proposto para as modificações através desse link.
  • Você também pode visualizar o respositório inical desse desafio através desse link.

🛠️ Pricipais Implementações

Modificações Visuais

  • 7 cenas diferentes : cena de abertura do game, cena de menu, cena de seleção de personagens, cena de seleção de cenário, cena de Créditos, cena do game e cena de GameOver.
  • 5 cenários diferentes com parallax
  • 8 personagens diferentes
  • 4 animações por personagem (parado, correndo, pulando e morrendo)
  • 1 inimigo com 2 animações (correndo e parado)

Principais Sistemas adicionados

  • Sistema de trocas de animação
  • Sistema de troca de som
  • Sistema troca de cenas
  • Sistema de tela de abertura no game
  • Sistema de restart
  • Sistema de pontuação
  • Sistema de recorde
  • Sistema simples de aumento de dificuldade ao passar do tempo
  • Sistema de parallax dos cenários (cada cenário tem seu número especifico de layers no paralax)
  • Sistema de escolha de cenários
  • Sistema de escolha de personagem
  • Sistema de desbloqueio de personagem por pontuação alcançada
  • Mensagem em tempo real no game quando um personagem é desbloqueado
  • Sistema de mudança de todo o tema do jogo quando muda de cenário (mudança nas fontes, cores, sons, etc)
  • Sistema de salvar recorde, personagem e cenário escolhido no localStorage, permanecendo assim esses dados ao recarregar o navegador.
  • Sistema animado de hover na tela de seleção de cenário mudando o background

Efeitos Sonoros adicionados

  • 3 sons diferentes por mapa (Som do Menu, Som do Game e Som do Game Over)
  • Som ao pular

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • HTML
  • CSS
  • Javascript

Bibliotecas


Como usar?

Baixe este repositório e com seu teminal, entre no diretório

  1. Abra este projeto com seu editor favorito;
  2. Depois, instale a extensão Live Server;
  3. Em seguida, abra o index.html com o Live Server para ver o projeto.

📝 Licença

Copyright (c) 2022 José Ronaldo de Souza Silva.

  • Todos os assets desse projeto são de uso livre, e os créditos para seus produtores estão na cena de créditos dentro do game!
  • Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Feito com ♥ by José Ronaldo 👋