Skip to content

miriaamaral/JS-Jogo-Detona-Ralph

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

💥 JS Jogo Detona Ralph

GitHub last commit GitHub contributors License: MIT

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! 😉


✨ Destaques do Projeto:

  • 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!)

🎥 Veja o Projeto em Ação!

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!)


🚀 Tecnologias Envolvidas:

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

⚙️ Como Rodar o Projeto (Localmente):

  1. Clone este repositório:
    git clone [https://github.com/miriaamaral/JS-Jogo-Detona-Ralph.git](https://github.com/miriaamaral/JS-Jogo-Detona-Ralph.git)
  2. Entre na pasta do projeto:
    cd JS-Jogo-Detona-Ralph
  3. Abra o arquivo index.html no seu navegador.
    • Para uma experiência de desenvolvimento local mais robusta (com live-reload), considere usar a extensão "Live Server" no VS Code.

🤝 Como Contribuir (Opcional):

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:

  1. Faça um fork deste repositório.
  2. Crie uma nova branch para sua feature (git checkout -b feature/minha-feature).
  3. Faça suas alterações e commit as mudanças (git commit -m 'feat: minha nova feature').
  4. Envie para sua branch (git push origin feature/minha-feature).
  5. Abra um Pull Request detalhando suas alterações.

Vamos juntos construir o futuro da tecnologia e detonar todos os bugs! 🚀💻


📝 Licença:

Este projeto está sob a licença MIT.


Conecte-se Comigo! 👋

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!

Vamos juntos construir o futuro da tecnologia (e bater muitos recordes)! ✨


About

Este projeto é uma implementação do clássico jogo Detona Ralph (Whac-A-Mole style) em JavaScript puro, HTML e CSS. Teste seus reflexos com lógica de jogo, manipulação do DOM e animações no Frontend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors