"Badecos: Mina de Ouro Oculta" é um jogo interativo onde os jogadores gerenciam uma equipe de "badecos" para explorar e coletar ouro em uma mina. Os jogadores podem realizar diversas ações, como enviar badecos para trabalhar, contratar novos badecos, e utilizar recursos para melhorar a eficiência da equipe. O jogo combina elementos de estratégia e gerenciamento de recursos.
-
HTML e Estrutura do DOM: O jogo utiliza HTML para estruturar a interface do usuário, incluindo elementos como botões e canvas para renderizar gráficos.
-
CSS para Estilização: O CSS é usado para estilizar a aparência do jogo, tornando a interface visualmente atraente e responsiva.
-
JavaScript para Lógica do Jogo: O JavaScript é a principal linguagem de programação utilizada, permitindo a manipulação do DOM, a gestão de eventos e a implementação da lógica do jogo. A interação do usuário com os botões é gerenciada por meio de eventos de clique, que acionam funções específicas.
-
Canvas para Gráficos: O elemento
<canvas>
é utilizado para renderizar gráficos dinâmicos, como o ambiente do jogo e as animações dos badecos. -
Manipulação do DOM: O jogo atualiza dinamicamente a contagem de badecos e ouro na interface, utilizando métodos de manipulação do DOM para refletir as mudanças em tempo real.
-
Estruturas de Controle: O jogo implementa estruturas de controle como loops e condicionais para gerenciar a lógica de coleta de ouro e a interação com os badecos.
-
Objetivo: Gerenciar os badecos para coletar o máximo de ouro possível.
-
Como Jogar:
- Clique no botão "Mandar badecar" para enviar os badecos para trabalhar.
- Use os recursos disponíveis para contratar novos badecos e melhorar suas habilidades.
- Explore diferentes ações para otimizar a coleta de ouro.
- HTML: Para a estrutura do jogo.
- CSS: Para a estilização da interface.
- JavaScript: Para a lógica e interatividade do jogo.
- Canvas API: Para renderização de gráficos e animações.
Para rodar o jogo localmente, siga os passos abaixo:
- Clone o repositório ou baixe os arquivos do projeto.
- Abra o arquivo
index.html
em um navegador da web. - Certifique-se de que todos os arquivos JavaScript e CSS estão corretamente vinculados.
TODO.