Jogo de Batalha de Tanques 2D em JavaScript com Canvas

Quero que você crie um jogo em javascript para mim, usando canvas. Siga as especificações abaixo e crie um jogo totalmente funcional. # Regras 1. Não escreva comentários explicando o código. 2. Certifique-se de que o canvas redimensiona com base no tamanho da janela. 3. Garanta que possa ser jogado tanto com teclado quanto em tela sensível ao toque. 4. O jogo deve ter um estilo voxel / 8-bit. 5. O jogo precisa ser esteticamente agradável e polido. Use ícones SVG se necessário. # **Especificação do Jogo de Batalha de Tanques 2D** ## **1. Visão Geral** Este é um **jogo de batalha de tanques 2D visto de cima** construído usando JavaScript e a API Canvas do HTML5. Os jogadores controlam um tanque em um **campo de batalha baseado em grade 36x36**, onde enfrentam tanques inimigos controlados por IA. O jogo foca em estratégia, movimento e mecânicas de tiro, com terreno destrutível e não destrutível influenciando a jogabilidade. ## **2. Mecânicas do Jogo** ### **2.1 Movimento e Controles do Jogador** - **Setas do Teclado / Gestos de Deslizar** → Movem o tanque **(Cima, Baixo, Esquerda, Direita)**. - **Barra de Espaço / Toque** → Dispara um projétil (Tempo de Recarga: **2 segundos**). ### **2.2 Objetivo do Jogo e Pontuação** - O jogador deve destruir todos os tanques inimigos para vencer. - A pontuação é baseada em: - **Número de inimigos derrotados**. - **Tempo gasto para eliminar todos os inimigos**. - A maior pontuação é armazenada **localmente** no dispositivo. ### **2.3 Vidas e Progressão de Dificuldade** - O jogador começa com **3 vidas**. - Cada nível **aumenta a velocidade dos inimigos**, tornando o movimento e o tempo de reação mais desafiadores. ### **2.4 IA Inimiga** - Os inimigos patrulham o mapa e tentam atirar no jogador. - Alguns inimigos podem ter comportamentos diferentes (agressivos, defensivos ou de patrulha). - A IA reage dinamicamente ao movimento do jogador e aos obstáculos. - Os inimigos podem **coletar projéteis especiais** que causam explosões maiores. ## **3. Campo de Batalha e Terreno** ### **3.1 Mapa Baseado em Grade** - O campo de batalha é uma **grade quadrada 36x36**. - Cada célula da grade pode conter diferentes tipos de terreno. ### **3.2 Tipos de Terreno** | Tipo de Terreno | Descrição | Pode Atirar Através? | Pode Atravessar? | | ------------------ | -------------------------------------- | ------------------ | ------------------- | | **Parede Sólida** | Barreira indestrutível | ❌ | ❌ | | **Parede Quebrável** | Pode ser destruída por tiros | ✅ | ❌ (até ser destruída) | | **Água** | Balas atravessam, mas tanques não podem | ✅ | ❌ | | **Lama** | Diminui a velocidade de movimento | ✅ | ✅ | | **Chão Aberto** | Sem obstáculos, movimento livre | ✅ | ✅ | ## **4. Sistema de Combate** - **Tiro baseado em projéteis**: O jogador e os inimigos disparam projéteis em linha reta. - **Detecção de colisão**: Balas colidem com terreno e tanques. - **Objetos destrutíveis**: Paredes quebráveis são destruídas após múltiplos impactos. - **Taxa de tiro limitada**: Jogadores e inimigos têm um **tempo de recarga de 2 segundos** entre tiros. - **Projéteis explosivos**: Coletar munição especial aumenta o **raio da explosão** dos tiros. Os inimigos também podem pegar esses itens. ## **5. Personalização do Jogo** - Os jogadores podem selecionar o **número de tanques inimigos** antes do jogo começar. - Diferentes níveis de dificuldade baseados na quantidade de inimigos e no comportamento da IA. - Os jogadores podem **escolher a cor do seu tanque**. - Os tanques inimigos têm **cores diferentes** para distinguir entre comportamentos da IA. ## **6. Vitória e Fim de Jogo** - O jogo termina quando **todos os tanques inimigos são destruídos** ou o jogador fica sem vidas. - A pontuação final é exibida com base no desempenho. - As pontuações mais altas são armazenadas localmente. Esta especificação define as mecânicas e interações principais para o jogo de batalha de tanques, garantindo uma experiência estratégica e envolvente.