Penguin Massacre - Jogo Gratuito de Tower Defense - Estratégia Jogo

Por favor, utilize Three.js para gerar um **jogo mobile-first** com o tema "Massacre de Pinguins". Primeiro leia os seguintes requisitos detalhados de design do jogo e, em seguida, gere o código de acordo: ### 1. Assets & Ambiente * **Estilo Visual**: Estilo 3D cartoon de baixo polígono e vibrante. A estética deve ser "fofa, mas caótica." * **Personagem do Jogador**: Um pinguim de baixo polígono estacionário posicionado no centro inferior do ecrã (defendendo o "Igloo"). O pinguim deve usar óculos de sol (fator de "fixe"). * **Inimigos**: * **Pinguim Básico**: Pinguim padrão preto/branco a caminhar. * **Pinguim Voador**: Pinguim com chapéu de hélice ou jetpack, movendo-se no ar. * **Pinguim Blindado**: Pinguim maior a usar um capacete de balde ou escudo improvisado (aguenta mais golpes). * **Ambiente**: * **Primeiro Plano**: O interior/entrada de um Igloo (base do jogador). * **Plano Intermédio**: Uma vastidão branca e nevada onde os inimigos aparecem e se aproximam. * **Plano de Fundo**: Montanhas azuis geladas e um gradiente no céu. * **Efeitos**: Sistema de partículas de neve constante a cair (essencial para a atmosfera). * **Otimização para Móveis**: Utilize `InstancedMesh` para os enxames de inimigos para manter 60FPS em dispositivos móveis. Baixa resolução de textura (sombreado plano preferido). ### 2. Requisitos de Áudio * **BGM**: Música animada e peculiar no estilo "carnaval de inverno". Cordas pizzicato e sinos de trenó de ritmo acelerado misturados com uma batida de bateria. * **Efeitos Sonoros**: * **Tiro**: Sons de "Pew-Pew" caricatos ou de lançamento de bola de neve. * **Colisão/Impacto**: Sons cômicos de "Splat" ou "Grasnido" quando os inimigos são atingidos. * **Recarregar**: Um som mecânico de "click-clack". * **Fim de Jogo**: Um som de trombone triste ou de gelo a partir-se. ### 3. Ciclo de Jogo * **Perspectiva**: Shooter em Terceira Pessoa Fixa (Atrás das costas do defensor) olhando para o campo de neve. * **Mecânica Central**: * Inimigos surgem em vagas a partir do horizonte e movem-se em direção à câmara (o Igloo). * O jogador dispara sobre eles antes que atinjam o Igloo. * **Recarregar**: As armas têm carregadores de munição limitados e demoram tempo a recarregar. * **Economia**: Eliminar inimigos rende "Peixe" (moeda). * **Melhorias (Loja na UI entre vagas)**: * **Arma**: Aumentar a cadência de tiro ou o dano. * **Assistentes**: Contratar um "Pinguim Engenheiro" que repara automaticamente a saúde do Igloo ao longo do tempo. * **Vitória/Derrota**: * **Derrota**: Inimigos atingem o Igloo e reduzem a sua HP a 0. * **Vitória**: Sobreviver a todas as vagas definidas. ### 4. Controlos e Interação para Móvel * **Mirar e Disparar**: * **Tocar para Disparar**: O jogador toca em qualquer lugar no campo de neve. A personagem roda e dispara um projétil na direção da coordenada 3D tocada (Raycasting). * **Sobreposição de UI**: * **Botão de Recarregar**: Um botão circular dedicado perto da zona do polegar inferior direito (para recarga manual). * **Trocar de Arma**: Pequenos ícones no lado direito para trocar de arma (se desbloqueados). * **HUD**: Barra superior a mostrar Vaga #, Pontuação/Dinheiro (ícone de Peixe), e Barra de Saúde do Igloo. * **Feedback**: * **Háptico**: Acionar vibração do dispositivo (se suportada) quando o Igloo sofre dano. * **Visual**: Efeito de abanar o ecrã quando o Igloo é atingido. Números de dano flutuantes quando os inimigos são atingidos. * **Orientação**: Modo Retrato (vertical) é preferível para jogo com uma mão, OU Modo Paisagem. (Por favor, defina como predefinição **Paisagem** para um campo de visão mais amplo para as vagas de inimigos a chegar). Gere um jogo em HTML5 usando `<canvas>`, com as seguintes características: **Mecânica Principal:** - Controla uma nave espacial que se move lateralmente na parte inferior do ecrã. - Dispara lasers para destruir asteroides que caem do topo. - Os asteroides dividem-se em asteroides menores após serem atingidos. **Controlos:** - `Seta Esquerda` / `Seta Direita`: mover a nave. - `Barra de Espaço`: disparar um laser. **Elementos do Jogo:** 1. Nave do jogador: * Representada por um triângulo. * Tem 3 vidas (exibidas no canto superior esquerdo). * Perde uma vida ao ser atingida por um asteroide. 2. Asteroides: * Aparecem aleatoriamente no topo, com tamanhos (grande, médio, pequeno) e velocidades diferentes. * Grandes: requerem 2 tiros, dividem-se em 2 asteroides médios. * Médios: requerem 1 tiro, dividem-se em 2 asteroides pequenos. * Pequenos: requerem 1 tiro, são destruídos. 3. Sistema de Pontuação: * Asteroide grande: +20 pontos. * Asteroide médio: +50 pontos. * Asteroide pequeno: +100 pontos. * A pontuação é exibida no canto superior direito. **Estética:** - Fundo espacial estático (cor sólida ou gradiente simples). - Elementos do jogo com cores vibrantes e distintas. - Efeitos sonoros básicos (disparo, explosão, colisão) usando o Web Audio API. - Fonte retro/pixelada para o texto da UI. **Requisitos Técnicos:** - O ciclo principal do jogo deve usar `requestAnimationFrame`. - Deteção de colisão baseada em bounding circles para asteroides/lasers e bounding box para a nave. - Estado do jogo: Menu principal, Jogo a decorrer, Game Over. - Incluir um ecrã de Game Over que mostre a pontuação final e a opção "Reiniciar". **Código Inicial (opcional, para estrutura):** ```html <!DOCTYPE html> <html lang="pt-PT"> <head> <meta charset="UTF-8"> <title>Destruidor de Asteroides</title> <style> body { margin: 0; padding: 0; overflow: hidden; } canvas { display: block; } </style> </head> <body> <canvas id="gameCanvas"></canvas> <script> // Inicialização do canvas e contexto const canvas = document.getElementById('gameCanvas'); const ctx = canvas.getContext('2d'); canvas.width = 800; canvas.height = 600; // Variáveis do jogo let score = 0; let lives = 3; let gameState = 'MENU'; // MENU, PLAYING, GAME_OVER // Ciclo principal do jogo function gameLoop() { // Lógica e renderização aqui requestAnimationFrame(gameLoop); } gameLoop(); </script> </body> </html>