Um jogo de navegador simples, divertido e viciante, desenvolvido para testar sua agilidade e precisão. O objetivo é clicar no quadrado azul o máximo de vezes possível em 30 segundos, evitando o quadrado vermelho.
- Inicie o Jogo: Abra o arquivo
index.htmlem qualquer navegador moderno. - Clique em "Iniciar Jogo": O cronômetro de 30 segundos começará a contagem regressiva.
- Marque Pontos: Clique no quadrado azul para marcar um ponto. A cada clique, os quadrados mudarão de posição.
- Evite a Armadilha: Se você clicar no quadrado vermelho, o jogo termina instantaneamente.
- Bata seu Recorde: Tente fazer a maior pontuação possível antes que o tempo acabe!
- Contador de Pontos: Acompanhe sua pontuação em tempo real.
- Timer Regressivo: O jogo tem uma duração fixa de 30 segundos, adicionando um desafio de velocidade.
- Posicionamento Aleatório: Os alvos aparecem em locais aleatórios na área de jogo, tornando cada partida única.
- Design Responsivo: Interface que se adapta a diferentes tamanhos de tela, de desktops a dispositivos móveis.
- Feedback Visual Imediato: Efeitos de
hovere clique nos elementos para uma experiência mais interativa. - Interface Moderna: Um design limpo e agradável com gradientes, sombras e tipografia estilizada.
Este projeto foi construído utilizando tecnologias web fundamentais:
- HTML5: Para a estrutura e semântica do conteúdo.
- CSS3: Para estilização, layout responsivo (com Flexbox), animações e uso de variáveis CSS para um design consistente.
- JavaScript (ES6+): Para toda a lógica do jogo, manipulação do DOM e interatividade.
.
├── index.html # Arquivo principal com a estrutura da página
├── script.js # Contém toda a lógica e funcionalidade do jogo
└── style.css # Contém todas as regras de estilo e design
Por ser um projeto web estático, não há necessidade de instalação de dependências ou servidores complexos.
- Faça o clone ou o download deste repositório.
- Navegue até a pasta do projeto.
- Abra o arquivo
index.htmldiretamente no seu navegador de preferência (Google Chrome, Firefox, etc.).
E pronto! O jogo estará funcionando.
- Níveis de Dificuldade: Implementar níveis que alterem a velocidade, o tamanho dos quadrados ou o tempo de jogo.
- Ranking de Pontuações: Utilizar
localStoragedo navegador para salvar e exibir as pontuações mais altas. - Efeitos Sonoros: Adicionar sons para cliques, pontuação e fim de jogo.
- Novos Alvos: Incluir outros tipos de alvos, como um quadrado amarelo que concede tempo extra ou mais pontos.
- Animações: Adicionar animações de "fade in/out" para o surgimento dos quadrados.
Feito com ❤️ por Lucas Morais.