Ilha pré-histórica 3D interativa

Crie uma ilha pré-histórica 3D bonita, altamente detalhada e totalmente interativa usando Three.js e WebGL. Entregue tudo em um único arquivo HTML autônomo que abra diretamente no Chrome. Incorpore os assets sempre que possível. DIREÇÃO VISUAL Construa uma ilha grande e arredondada cercada por um oceano, com uma seção transversal subaquática transparente. O resultado deve transmitir a sensação de um mundo em miniatura premium: vegetação exuberante, dinossauros expressivos, materiais ricos, iluminação atmosférica e animação refinada. Use uma direção de arte estilizada e coesa, em vez de formas geométricas básicas. ISLAND Crie um terreno variado com praias, penhascos rochosos, florestas pré-históricas densas, samambaias gigantes, uma cachoeira, um lago de água doce e um vulcão. Adicione uma pequena estação de pesquisa, passarelas de madeira, plataformas de observação, caixas de suprimentos e ninhos de dinossauro. Faça a ilha ser espaçosa o bastante para que os dinossauros se movimentem naturalmente entre áreas distintas. SEÇÃO TRANSVERSAL DA ÁGUA A água deve formar um volume profundo e arredondado ao redor da ilha, com o cenário subaquático claramente visível através de suas laterais. Inclua um fundo do mar texturizado, rochas, plantas aquáticas, peixes, bolhas e um réptil marinho verde nadando abaixo da superfície. Não coloque dinossauros terrestres comuns debaixo d’água nem adicione um submarino. Use ondas animadas, reflexos de Fresnel, padrões de luz subaquáticos, espuma na margem e respingos. Evite artefatos de ordenação de transparência e espaços visíveis entre a ilha e a água. DINOSAURS Inclua várias espécies distintas, como um saurópode de pescoço longo, Triceratops, Stegosaurus, um grande terópode e animais de rebanho menores. Adicione pterossauros circulando no alto. Dê a cada espécie uma anatomia reconhecível, corpos bem modelados, membros articulados, cabeças detalhadas, caudas e padrões de pele apropriados. Evite montar os dinossauros finalizados a partir de caixas óbvias ou esferas desconectadas. ANIMAÇÃO NATURAL Use esqueletos hierárquicos com articulações posicionadas corretamente. A caminhada deve ter fases distintas de apoio e balanço: os pés permanecem firmes no chão durante o contato e se elevam de forma limpa a cada passo. Ajuste o comprimento da passada à velocidade de movimento. Use amostragem do terreno e cinemática inversa para manter os pés no chão. Adicione mudanças de peso, movimentos corporais sutis, movimento equilibrado da cauda, giros de cabeça e respiração. Os dinossauros nunca devem flutuar, deslizar, atravessar o chão ou passar através de construções, rochas, árvores ou uns dos outros. Use desvio de obstáculos e caminhos seguros. Espécies diferentes devem ter velocidades de movimento, padrões de marcha e comportamentos distintos. Os animais marinhos devem estar voltados para a direção em que se deslocam. INTERACTION Permita que os usuários: Girem a câmera livremente, usem zoom e inspecionem a seção transversal subaquática. Selecionem um dinossauro e o acompanhem com uma câmera que se mova suavemente. Coloquem comida em locais adequados e observem os dinossauros próximos se aproximarem e comerem. Acionem ações de beber, descansar e chamar, além do movimento do rebanho. Explorem ninhos e observem um filhote sair do ovo. Acionem a subida à superfície de um réptil marinho com um respingo. Alternem entre dia, pôr do sol e noite. Ajustem a chuva, o vento e a atividade vulcânica. Pausem a simulação e redefinam a cena. Façam com que cada controle produza uma resposta clara e visível. Mantenha as interações repetíveis e impeça que animações sobrepostas quebrem as poses dos personagens. ATMOSFERA E ÁUDIO Adicione folhagens em movimento, nuvens à deriva, pássaros, insetos, partículas de chuva e luzes quentes da estação de pesquisa à noite. Inclua música ambiente suave e sons do ambiente, com um controle de música e um slider de volume funcionais. Inicie o áudio somente após a interação do usuário. INTERFACE Use uma interface compacta e elegante, com rótulos em inglês. Mantenha a cena em destaque e evite painéis grandes cobrindo a ilha. Faça o layout ser responsivo para desktop e dispositivos móveis. QUALIDADE TÉCNICA Use instancing para vegetação e objetos repetidos, geometria eficiente, sombras adequadas e pós-processamento moderado. Equilibre a riqueza visual com um desempenho suave em tempo real. Crie uma cena completa, não um mockup. Teste o HTML final diretamente em um navegador para desktop, inspecione as capturas de tela e o console, exercite todas as interações e corrija erros de carregamento, dinossauros flutuando, deslizamento dos pés, colisões quebradas, artefatos na água e problemas de câmera antes da entrega.