Anycolor by Numbers - Casual Jogo

Utilize o Three.js para criar um jogo **com foco em dispositivos móveis** com o tema "**Qualquer Cor por Números: Edição 3D**". Por favor, leia primeiro os seguintes requisitos detalhados de design do jogo e, em seguida, gere o código de acordo: ### 1. Ativos e Ambiente * **Estilo Visual:** Crie uma estética 3D limpa e minimalista. Em vez de imagens 2D planas, as "páginas para colorir" devem ser modelos 3D de baixo número de polígonos (por exemplo, um olho flutuante, uma flor, um animal fofo) exibidos no centro do ecrã. * **Mecanismo de Colorir:** Inicialmente, o modelo 3D deve ser um wireframe branco/cinzento ou um material sem textura. Cada "segmento" da malha deve corresponder a um grupo específico de ID/número. * **Ativos da UI:** * Uma barra de paleta na parte inferior contendo botões circulares identificados com números (1, 2, 3, 4, 5...). * O botão de cor atualmente selecionado deve ser visualmente ampliado ou brilhante (como o '1' azul na referência). * Efeitos subtis de "gota de tinta" no botão ativo. * **Ambiente:** Um fundo com um gradiente suave e neutro (por exemplo, creme claro para branco) para manter o foco na obra de arte. * **Otimização para Móvel:** Use geometrias simples para manter um número baixo de polígonos. Garanta que as texturas estejam comprimidas. Implemente uma sombra "falsa" por baixo do objeto principal para o fixar visualmente. ### 2. Requisitos de Áudio * **BGM (Música de Fundo):** Um loop muito calmo, do género "Lo-fi" ou de guitarra acústica. Deve ser meditativo e aconchegante, adequado para relaxamento. * **Efeitos Sonoros (SFX):** * **Toque/Seleção de Paleta:** Um som suave de "pop" ou "bolha". * **Colorir uma Área:** Um som satisfatório de "pincelada" ou "papel molhado". * **Toque Incorreto:** Um som gentil e grave de baque (não punitivo). * **Conclusão de um Número:** Um carrilhão alegre ou um "ding" quando todas as áreas de um número específico estiverem preenchidas. * **Nível Concluído:** Uma breve fanfarra de celebração com um som de estouro de confete. ### 3. Ciclo de Jogo * **Início:** O jogador vê um modelo 3D sem cor com números a flutuar sobre faces/segmentos específicos da *mesh*. * **Seleção:** O jogador toca num número da paleta inferior (ex.: Número 1 - Azul). * **Destaque:** Quando o Número 1 está ativo, todas as áreas no modelo correspondentes a '1' devem ficar destacadas (ex.: mudar para um padrão xadrez ou pulsar suavemente). * **Ação:** O jogador toca nas áreas destacadas no modelo 3D. Ao tocar, a área preenche-se instantaneamente com a cor lisa correta. * **Progressão:** Assim que todos os "1s" estiverem coloridos, o botão "1" na paleta desaparece ou fica cinzento. O jogador passa para o "2". * **Condição de Vitória:** O nível está completo quando todos os números são eliminados e o modelo está totalmente colorido. Aparece um botão "Descarregar/Guardar" para capturar um *screenshot* da tela. ### 4. Controlos & Interação Móvel * **Orientação:** O modo retrato (vertical) é preferido para jogar com uma só mão. * **Controlos da Câmara:** * **Rodar:** Arrastar com um dedo no fundo para rodar o modelo 3D (OrbitControls). * **Zoom:** Pinça com dois dedos para aproximar/afastar para colorir detalhes. * **Interação de Colorir:** A deteção por raio (*raycasting*) deve ser precisa. Os toques no modelo são para colorir; os arrastos são para mover a câmara. Assegurar uma distinção clara entre um "toque" (colorir) e um "arrastar" (rodar) para evitar colorir acidentalmente enquanto se observa o modelo. * **Feedback Háptico:** Acionar uma vibração leve (estilo *Taptic Engine*) sempre que um segmento é colorido com sucesso, para proporcionar satisfação tátil. * **Disposição da IU:** A paleta de cores deve estar fixa na parte inferior do ecrã com áreas de toque grandes (mínimo 48x48px) para evitar cliques errados em ecrãs pequenos. Gere um jogo onde o jogador controla um pequeno robô **`R-Unit`** numa fábrica abandonada. **Mecânica principal:** - Movimentação com **WASD**. - Usar **clique esquerdo** para disparar projéteis de energia. - **Barra de espaço** para saltar. - Recarregar armadura tocando em postos de carga `[🔋]`. **Objetivo:** Encontrar e ativar 3 `<geradores>` espalhados pelo mapa para restaurar a energia da fábrica e abrir a saída final. **Ambiente:** O cenário é uma fábrica escura com iluminação intermitente. Inimigos são drones defeituosos que patrulham corredores. Incluir plataformas móveis, portas trancadas com `<chaves eletrónicas>` e áreas com radiação (dano contínuo). **Interface do Utilizador:** ```html <div id="hud"> <span class="armor">🔋 Armadura: 100%</span> <span class="generators">⚙ Geradores ativados: 0/3</span> </div> ``` **Regras:** 1. A armadura diminui ao levar dano de inimigos ou radiação. 2. Sem armadura, o jogo termina. 3. Cada gerador ativado aumenta a iluminação geral e desbloqueia novas áreas. 4. Os postos de carga reaparecem após 30 segundos. **Dica do Jogo:** "Use os cantos escuros para evitar patrulhas. A radiação é visível como um brilho verde."