E aí, meu 🐙! Prepare-se para um desafio rápido e divertido! 🎯 Este repositório apresenta uma implementação interativa do clássico jogo Detona Ralph (no estilo Whac-A-Mole), construído do zero com JavaScript puro, HTML e CSS!
Este projeto é uma excelente forma de demonstrar minhas habilidades em:
- Lógica de Jogo com Tempo Real: Gerenciamento de tempo, pontuação e aparecimento/desaparecimento de elementos.
- Manipulação do DOM: Criar e atualizar elementos dinamicamente para a aparição dos inimigos.
- Gestão de Eventos: Responder rapidamente aos cliques do jogador para pontuar.
- Animações e Feedback Visual: Tornar a experiência de jogo fluida e engajadora.
É um mergulho divertido no desenvolvimento Frontend, mostrando como a combinação de HTML, CSS e JavaScript pode criar experiências de jogo simples, mas muito viciantes. Vem jogar e bater recordes! 😉
- Gameplay Clássico: Desafie seus reflexos acertando os personagens que aparecem aleatoriamente.
- Contador de Tempo: Uma contagem regressiva adiciona emoção ao jogo.
- Sistema de Pontuação: Monitore seus acertos e tente superar sua própria marca.
- Geração Aleatória: Personagens aparecem em posições e intervalos imprevisíveis.
- JavaScript Puro: Uma ótima forma de ver o poder do JS na construção de lógica de jogo complexa e temporizada.
- HTML Semântico e CSS Estilizado: Estrutura bem definida e um visual divertido que remete ao arcade.
- Feedback Sonoro (se aplicável): Efeitos sonoros ao acertar um personagem ou ao fim do tempo. (Se o seu jogo tiver sons, mantenha este ponto!)
Quer testar seus reflexos agora mesmo? Clique aqui para jogar o Detona Ralph no seu navegador! https://miriaamaral.github.io/JS-Jogo-Detona-Ralph/
(Para um jogo como este, um deploy rápido no Netlify ou GitHub Pages faz toda a diferença para mostrar o potencial do projeto! Se precisar de ajuda para configurar, me avisa!)
- HTML5: Estrutura semântica do tabuleiro e dos elementos do jogo.
- CSS3: Estilização responsiva, layout, transições e animações dos personagens.
- JavaScript (ES6+): Lógica principal do jogo, gerenciamento de tempo, pontuação, manipulação do DOM para aparição/desaparição dos personagens e detecção de cliques.
- Clone este repositório:
git clone [https://github.com/miriaamaral/JS-Jogo-Detona-Ralph.git](https://github.com/miriaamaral/JS-Jogo-Detona-Ralph.git)
- Entre na pasta do projeto:
cd JS-Jogo-Detona-Ralph - Abra o arquivo
index.htmlno seu navegador.- Para uma experiência de desenvolvimento local mais robusta (com live-reload), considere usar a extensão "Live Server" no VS Code.
Sinta-se à vontade para explorar o código, sugerir melhorias (como novos níveis de dificuldade, mais personagens, ou otimizações!), ou correções de bugs! Toda contribuição é bem-vinda e apreciada! ✨
Para contribuir:
- Faça um
forkdeste repositório. - Crie uma nova
branchpara sua feature (git checkout -b feature/minha-feature). - Faça suas alterações e
commitas mudanças (git commit -m 'feat: minha nova feature'). - Envie para sua
branch(git push origin feature/minha-feature). - Abra um
Pull Requestdetalhando suas alterações.
Vamos juntos construir o futuro da tecnologia e detonar todos os bugs! 🚀💻
Este projeto está sob a licença MIT.
Gostou do Jogo Detona Ralph, tem ideias para aprimorá-lo, ou quer trocar uma ideia sobre JavaScript, Frontend e desenvolvimento de jogos? Ficarei super feliz!
- LinkedIn: https://www.linkedin.com/in/miriaamaralcs
- GitHub: https://github.com/miriaamaral
- Plataforma de Estudos (DIO): https://www.dio.me/sign-up?ref=6F1F401485F9459BA6AC879FEA95D1B5
Vamos juntos construir o futuro da tecnologia (e bater muitos recordes)! ✨