Pixel on Titan: AoT - Ação Jogo

Use o Three.js para gerar um **jogo mobile-first** com o tema "**Pixel Titan Slayer**" (inspirado em Pixel on Titan: AoT). Por favor, leia primeiro os seguintes requisitos detalhados de design de jogo e, em seguida, gere o código de acordo: ### 1. Assets & Ambiente * **Estilo Visual**: Use uma **Estética 2.5D** (mundo 3D, assets 2D). A câmara deve ser uma `OrthographicCamera` para preservar o visual pixel-art sem distorção de perspetiva. * **Personagens**: * **Jogador**: Renderizado como um `THREE.Sprite` com uma textura pixel-art. A personagem deve usar um casaco castanho e calças brancas, equipada com lâminas duplas. Adicione um efeito de partículas "Rasto de Gás" (partículas quadradas brancas) atrás do jogador quando se movimentar ou saltar para simular o equipamento ODM. * **Titãs (Inimigos)**: Objetos `THREE.Sprite` grandes (tamanho 3x o do jogador). Têm o aspeto de humanoides gigantes, nus e cómicos. * **Ambiente**: Um fundo de deslocamento paralaxe representando uma cidade medieval europeia (paredes de tijolo, telhados de telha). Use três camadas de planos: 1. Primeiro plano: A rua/chão (camada de colisão). 2. Plano intermédio: Edifícios (desloca lentamente). 3. Fundo: Céu e silhuetas distantes (desloca muito lentamente). * **Otimização para Mobile**: Use um único **Texture Atlas** para todos os sprites para reduzir chamadas de desenho. Limite as contagens de partículas para o efeito de rasto de gás em dispositivos móveis. ### 2. Requisitos de Áudio * **BGM**: Uma faixa Chiptune de 8-bits com um andamento acelerado e uma melodia "Épica/Orquestral" (cordas rápidas convertidas para chiptune) para simular tensão e heroísmo. * **Efeitos Sonoros (SFX)**: * **Salto/Impulso**: Um som de ar comprimido "Sss" ou "Psch". * **Ataque**: Um som agudo de 8-bits "Zwing" ou de corte de lâmina. * **Acerto no Titã**: Um som carnudo "Tum" ou "Splash". * **Coleção**: Um "Ding" agudo ao recolher Almas. * **IU**: Cliques nítidos para botões. ### 3. Ciclo de Jogo * **Mecânicas Principais**: O jogo é um *action platformer* de deslocamento lateral. * **Movimento**: O jogador tem alta mobilidade. Um "Salto Duplo" é obrigatório (simulando o impulso do gás). * **Combate**: Titãs aproximam-se pela direita. O jogador deve saltar para atingir a altura da cabeça do Titã e premir "Atacar" para causar dano. Ataques no solo são ineficazes. * **Sistema de Almas**: Quando um Titã morre, desaparece em partículas luminosas de "Alma". O jogador recolhe-as automaticamente se estiver suficientemente próximo. * **Condição de Vitória/Derrota**: * **Derrota**: Se o jogador colidir com o corpo de um Titã (sem atacar) ou cair num precipício (se existir), o jogo termina. * **Vitória/Subir de Nível**: Derrotar uma onda de Titãs ativa um menu de IU para gastar Almas em "Afiação da Lâmina" (Dano) ou "Capacidade de Gás" (Velocidade/Altura do Salto). ### 4. Controlos e Interação Móvel * **Interface Tátil**: Não utilizar *listeners* de teclado. Implementar uma sobreposição de IU personalizada no ecrã (`HTML/CSS` por cima do Canvas): * **Lado Esquerdo**: Um **Joystick Virtual** flutuante ou dois botões grandes (Seta Esquerda, Seta Direita) para movimento horizontal. * **Lado Direito**: Dois botões circulares grandes. * **Botão A (Verde)**: Saltar / Salto Duplo (Impulso de Gás). * **Botão B (Vermelho)**: Atacar. * **Responsividade**: Os botões da IU devem ter um alvo tátil mínimo de **48x48px**. Prevenir comportamentos predefinidos do navegador (zoom/deslocamento) em eventos tácteis (`touch-action: none`). * **Feedback**: * **Tremer o Ecrã**: Ativar um ligeiro tremor de câmara (`Math.sin` na posição da câmara) quando o jogador atinge um Titã. * **Vibração**: Usar `navigator.vibrate(50)` num ataque bem-sucedido para feedback tátil. Crie um jogo onde o jogador controla um personagem num labirinto gerado proceduralmente. O objectivo é coletar 10 `moedas` antes que o tempo acabe. **Mecânicas:** - Use `WASD` para movimento. - Cada moeda coletada adiciona 5 segundos ao temporizador. - Inimigos `fantasmas` patrulham aleatoriamente; tocar num resulta em perder uma moeda. - Pressione `Espaço` para usar um poder de "dash" temporário (recarga de 10s). **Interface:** ```html <div id="game-container"> <canvas id="mazeCanvas" width="800" height="600"></canvas> <div class="hud"> <p>Tempo: <span id="timer">60</span>s</p> <p>Moedas: <span id="coins">0</span>/10</p> <button id="dashBtn" disabled>Dash (<span id="dashCooldown">0</span>s)</button> </div> </div> ``` **Regras de Geração:** 1. O labirinto é uma grelha de 15x15. 2. A saída só aparece após coletar todas as moedas. 3. A posição do jogador, moedas e fantasmas é gerada aleatoriamente no início. O jogador vence ao alcançar a saída a tempo; perde se o tempo chegar a 0.