Scribble Hero: Mobile - Ação Jogo

Utiliza o Three.js para gerar um **jogo mobile-first** com o tema "Scribble Hero: Mobile". Lê primeiro os seguintes requisitos de design de jogo detalhados, e depois gera o código em conformidade: ### 1. Assets & Ambiente * **Estilo Visual**: O jogo deve aderir estritamente a uma estética "Doodle Desenhado à Mão". O mundo deve parecer um diorama 3D feito de recortes de papel. * **Ambiente**: O plano do chão deve ser uma textura repetitiva de **papel pautado**. Espalhados pelo mapa estão obstáculos 3D que parecem material escolar (borrachas gigantes, afiadoras de lápis, tinteiros derramados) a funcionar como cobertura. * **Personagens**: * **Herói ("Sketch")**: Usa um `THREE.Sprite` ou uma malha de Plano plano com uma textura de um herói de boneco de paus (cabelo rosa, arma de desenho animado) que fica sempre virado para a câmara (efeito Billboard). * **Inimigos**: "Rabiscos Sinistros" e "Bolhas Verdes" (da captura de ecrã). Devem animar com uma cadência de fotogramas trémula, de stop-motion, para simular animação desenhada à mão. * **VFX**: Como a etiqueta inclui "Sangrento", implementa um sistema de partículas que espalha **tinta colorida** (salpicos vermelhos ou verdes) no chão de papel pautado quando os inimigos são derrotados. Estas manchas de tinta devem persistir durante algum tempo antes de esvanecerem para otimizar o desempenho. * **Otimização para Mobile**: Usa geometria simples para os obstáculos. Pré-coze as sombras sempre que possível. Limita a contagem máxima de partículas ativas para os efeitos de tinta para garantir 60 FPS nos navegadores móveis. ### 2. Requisitos de Áudio * **BGM**: Uma faixa **Garage Rock / Pop-Punk** em loop (guitarras distorcidas, bateria animada) para combinar com a vibe rebelde do caderno adolescente. * **Efeitos Sonoros**: * **Tiros**: Em vez de sons realistas de disparos, usa sons agressivos de "rabiscar" ou "riscar o lápis". * **Morte de Inimigo**: Um som húmido de "squish" ou "splat" combinado com um ruído de papel a ser amachucado. * **UI**: Sons de papel a farfalhar ao clicar nos botões. * **Ambiente**: Ruídos de fundo fracos de uma sala de aula (sino ao longe, tosse) para estabelecer a cena. ### 3. Ciclo de Jogo * **Género**: Shooter Top-Down Twin-Stick. * **Ciclo Principal**: O jogador controla o 'Sketch' numa folha de papel infinita. Os inimigos aparecem em vagas a partir das bordas do ecrã. O jogador deve sobreviver o máximo de tempo possível. * **Mecânicas**: * **Arma**: Uma pistola automática de tinta. As balas devem parecer-se com traços desenhados ` - - - `. * **Vida**: Um sistema simples de corações (3 corações). Levar dano desencadeia um "piscar de invulnerabilidade" temporário. * **Pontuação**: Cada inimigo abatido larga "Moedas Doodle" ou simplesmente adiciona à pontuação. * **Vitória/Derrota**: O jogo é um modo de sobrevivência sem fim. Fim de Jogo ocorre quando a vida chega a zero, exibindo um ecrã de animação de "Papel Amachucado" com um botão "Reiniciar". ### 4. Controlos Móveis & Interação * **Esquema de Controlo**: **Dual Virtual Joysticks**. * **Joystick Esquerdo (Canto Inferior Esquerdo)**: Controla o movimento da física da personagem (baseado em velocidade). * **Joystick Direito (Canto Inferior Direito)**: Controla a rotação da mira e dispara automaticamente quando mantido pressionado. * **Orientação**: Forçar lógica de **Modo Paisagem** (redimensionar tela dinamicamente, mas o layout da UI assume largura > altura). * **Feedback Háptico**: Acionar o `navigator.vibrate(20)` do dispositivo quando o jogador dispara e `navigator.vibrate([50, 50, 50])` quando o jogador leva dano. * **Design da UI**: * Botão de pausa no canto superior direito (área de toque mínima de 44x44px). * Exibição de pontuação no centro superior usando um estilo de fonte "escrita à mão" (ex.: Comic Sans ou uma Fonte Google como 'Indie Flower'). * Certifique-se de que os *joysticks* se reposicionem dinamicamente com base no local onde o jogador toca primeiro no ecrã, dentro das zonas ativas, para acomodar diferentes tamanhos de polegar.