🎮 Introdução

Binário Fighter é um jogo experimental criado com HTML5, CSS3 e JavaScript Vanilla, que simula combates automáticos entre Vegeta e Goku. O objetivo é demonstrar lógica de programação com elementos divertidos, lutas aleatórias e dinâmica de HP em tempo real.

🎮 Personagens

Vegeta é o Príncipe dos Sayajin, representado pela cor azul. Goku é o guerreiro lendário, representado pela cor laranja. Ambos possuem 100 HP e podem causar dano aleatório de 0 a 20 por turno.

⚙️ Mecânica de Combate

O combate ocorre automaticamente, turno por turno. Cada personagem causa dano aleatório ao outro até que um deles chegue a 0 HP ou após 100 turnos máximos (evitando loops infinitos). O vencedor é anunciado com uma animação GIF e uma frase característica do personagem.

💥 Dano/Turno 0 a 20 (aleatório)
❤️ HP Máximo 100
⏱️ Limite de Turnos 100
⚡ Velocidade 1 segundo/turno

🎨 Paleta de Cores

A identidade visual segue um tema moderno e dinâmico:

🔵 Vegeta (Azul)
#0099ff - Príncipe dos Sayajin
🟠 Goku (Laranja)
#ff8800 - Guerreiro Nobre
⬛ Fundo
#111 - Preto Profundo
💎 Destaque
#00ddff - Ciano

📖 Como Jogar

  1. Clique no botão "1 - Entrar" para começar
  2. Escolha seu lutador: "1 - Vegeta" (azul) ou "2 - Goku" (laranja)
  3. Assista ao combate automático acontecer em tempo real
  4. Veja o GIF de vitória e a frase do vencedor
  5. Escolha se deseja "Sim" para jogar novamente ou "Não" para sair

🛠️ Tecnologias Utilizadas

📄 HTML5
Estrutura semântica
🎨 CSS3
Flexbox & Animações
⚙️ JavaScript
Vanilla (Sem frameworks)
🎬 GIFs
Feedback Visual

📊 Fluxo do Jogo

🎮 Menu → 🥊 Escolher Lutador → ⚡ Combate Automático → 🏆 Resultado com Animação → 🔄 Tentar Novamente

📎 Créditos

👨‍💻 Projeto criado por Bruno Gonçalves Siqueira

🔗 Veja o código-fonte completo no GitHub

📅 Última atualização: Janeiro de 2026

⚖️ Desenvolvido com ❤️ para demonstrar conhecimento em Web Development