Job Challenge é um jogo educativo desenvolvido para o navegador que transforma o aprendizado de porcentagem em uma experiência interativa. O jogador percorre diferentes setores de uma empresa, enfrentando desafios matemáticos para conquistar promoções e avançar na carreira.
O projeto foi desenvolvido utilizando apenas HTML5, CSS3 e JavaScript, com renderização em Canvas, sem dependência de frameworks ou bibliotecas externas.
https://jobchalenge.netlify.app/
O jogo tem como objetivo reforçar o aprendizado de porcentagem por meio de uma abordagem gamificada, incentivando o raciocínio lógico e a resolução de problemas em diferentes níveis de dificuldade.
- 🎮 Gameplay em estilo top-down
- 🏢 Progressão por cargos dentro de uma empresa
- 🧮 Questões de porcentagem em cinco níveis de dificuldade
- ❓ Sistema de perguntas de múltipla escolha
- ⭐ Sistema de estrelas baseado no tempo de resposta
- 🪙 Sistema de moedas
- 👔 Personalização do personagem
- 📱 Compatível com desktop e dispositivos móveis
- 🎨 Interface inspirada em jogos retrô com pixel art
- ⚡ Controles por teclado e toque
O jogo possui cinco níveis de dificuldade:
- Nível 1 — Baixa
- Nível 2 — Média Baixa
- Nível 3 — Média
- Nível 4 — Média Alta
- Nível 5 — Alta
Cada fase apresenta novos desafios relacionados a cálculos de porcentagem, descontos, aumentos, proporções e problemas contextualizados.
- HTML5
- CSS3
- JavaScript (ES6+)
- HTML5 Canvas
.
├── index.html
├── style.css
├── main.js
└── README.md
Clone o repositório:
git clone https://github.com/SEU-USUARIO/job-challenge.gitEntre na pasta:
cd job-challengeAbra o arquivo index.html no navegador.
Ou utilize uma extensão como Live Server no Visual Studio Code para uma melhor experiência de desenvolvimento.
- WASD ou Setas → Movimentação
- E → Interagir com o chefe
- Controles virtuais na tela
- Botão Falar para iniciar os desafios
Durante o desenvolvimento deste projeto foram aplicados conceitos como:
- Manipulação do Canvas
- Game Loop
- Detecção de colisões
- Geração dinâmica de perguntas
- Gerenciamento de estados do jogo
- Responsividade para dispositivos móveis
- Organização do código em HTML, CSS e JavaScript
- Sistema de salvamento de progresso
- Ranking de jogadores
- Mais fases e departamentos
- Novos tipos de desafios matemáticos
- Efeitos sonoros e trilha sonora
- Animações mais elaboradas
- Sistema de conquistas
Este projeto foi desenvolvido para fins educacionais e compõe meu portfólio de desenvolvimento de software.