🏃‍♂️ Speed Run Game 💨

CLICK AQUI PARA JOGAR

💻 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.

• 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

• Google Fonts

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 👋