Jardins Suspensos da Babilônia

Crie **“Jardins Suspensos da Babilônia”**, um site 3D interativo com qualidade de produção, desenvolvido com **Three.js** e acompanhado de um vídeo cinematográfico **MP4** refinado, renderizado a partir da mesma cena.

**DIREÇÃO VISUAL**  
Uma reconstrução artística dos lendários Jardins Suspensos: arquitetura monumental em terraços que se eleva da margem de um rio no deserto, arenito quente e tijolos secos ao sol, faixas de azulejos vitrificados azul-cobalto, relevos dourados discretos, galerias abobadadas, escadarias amplas, pátios sombreados e canais de água em cascata. Cada terraço abriga palmeiras exuberantes, ciprestes, arbustos floridos e trepadeiras pendentes. Combine uma silhueta escalonada claramente legível com detalhes arquitetônicos ricos de perto. Luz quente do fim da tarde, profundidade atmosférica suave, rugosidade realista dos materiais, desgaste sutil e escala convincente. Busque o acabamento de uma visualização arquitetônica premium e de um site de exposição museológica.

**PESQUISA E TEXTURAS**  
Pesquise na web referências visuais de arquitetura babilônica, tijolos vitrificados, arenito, relevos esculpidos, irrigação antiga e vegetação regional. Encontre imagens em alta resolução de domínio público, CC0 ou com licença adequada para criar texturas; documente suas fontes e licenças. Baixe os recursos permitidos e hospede-os localmente. Use fotografias adequadas como material de origem para texturas PBR contínuas e detalhes projetados por UV, corrigindo a perspectiva, removendo a iluminação direcional incorporada e ajustando cor e escala. Crie mapas de cor-base, rugosidade e normais quando apropriado. Faça o bake da oclusão de ambiente e da iluminação indireta da cena real em atlas de texturas otimizados, mantendo a folhagem animada e a água compatíveis com a configuração de iluminação. Preserve detalhes arquitetônicos nítidos, sem emendas visíveis, UVs esticadas ou padrões de textura repetitivos.

**CENA 3D E INTERAÇÃO**  
Crie uma arquitetura coerente e explorável, com suportes estruturais verossímeis, escadas conectadas, terraços acessíveis e vegetação cuidadosamente composta. Anime a água corrente, o movimento suave da folhagem e partículas sutis no ar. Comece com uma aproximação cinematográfica pelo rio em direção aos jardins e, depois, faça uma transição fluida para o controle do usuário. Ofereça órbita, zoom e exploração limitada, com pontos de vista selecionados para o portão do rio, a galeria abobadada, o terraço de irrigação e o jardim no cume. Inclua um percurso guiado que acompanhe a água do reservatório superior pelos terraços. Disponibilize modos diurno e pôr do sol com iluminação consistente. Evite que a câmera atravesse objetos, que o usuário passe pelas paredes e transições desorientadoras.

**EXPERIÊNCIA DO SITE**  
Use tipografia elegante e discreta, além de controles mínimos que deixem a cena em destaque. Inclua um indicador de carregamento claro, um título introdutório, uma ação “Explorar os Jardins”, navegação por pontos de vista, um controle de visita guiada e download do vídeo. Identifique brevemente a reconstrução como uma interpretação artística. Crie layouts responsivos para desktop e dispositivos móveis, ofereça suporte à navegação por teclado e à redução de movimento e forneça uma alternativa refinada quando o WebGL não estiver disponível. Mantenha todos os controles funcionais e todos os textos da interface finalizados. Substitua os Jardins Suspensos por um acampamento em um oásis desértico: transforme os terraços escalonados em um oásis de palmeiras cercado por dunas, troque as galerias abobadadas por tendas de lona e cabanas de adobe e converta os canais em cascata em um riacho raso que flui de uma nascente central. Destaque tamareiras, juncos e flores do deserto, mantendo o percurso de exploração da entrada ao cume e a rota guiada que acompanha a água. **ENGENHARIA DE PRODUÇÃO**  
Use código Three.js modular e um pipeline de recursos pensado para uma implantação confiável. Otimize geometria, chamadas de desenho, sombras, vegetação e memória de texturas com instanciação, níveis de detalhe, recursos GLB compactados, texturas KTX2/Basis e carregamento progressivo. Ajuste a resolução das texturas ao nível de detalhe visível. Use materiais com base física, gerenciamento de cores correto, mapeamento de tons controlado e pós-processamento discreto. Busque desempenho fluido em desktops modernos e desempenho utilizável em dispositivos móveis intermediários, com configurações adaptativas de qualidade e densidade de pixels limitada. Meça e informe o desempenho real nos dispositivos testados. Lide adequadamente com falhas de carregamento e libere recursos de GPU não utilizados.

**ENTREGA DO VÍDEO**  
Produza um **MP4 real para download, de 30 a 45 segundos e 1920 × 1080**, codificado em H.264 com ampla compatibilidade de reprodução. Renderize a partir da cena Three.js finalizada, usando temporização de animação determinística e captura estável de quadros. Organize uma tomada de apresentação ao nível do rio, uma passagem pelos arcos, uma subida ao lado da água em cascata e uma revelação aérea final. Mantenha movimentos de câmera suaves, iluminação consistente e quadros limpos, sem controles do site. Inclua uma ambientação sutil de água e jardim com áudio devidamente licenciado.

**ENTREGA E ACEITAÇÃO**  
Desenvolva e publique o site completo em uma URL HTTPS pública e funcional. Entregue o arquivo MP4, o projeto-fonte completo, os recursos hospedados localmente, o manifesto de licenças dos recursos e instruções concisas de compilação e implantação. Verifique o site publicado, o carregamento dos recursos, todas as interações, os layouts responsivos, a compatibilidade com navegadores e a reprodução do vídeo. Verifique erros no console, texturas ausentes, colisões de câmera, defeitos de animação e gargalos de desempenho. Informe com honestidade quaisquer limitações restantes. O resultado final deve ser uma experiência concluída e pronta para implantação, com a consistência visual, confiabilidade e acabamento esperados de uma produção profissional.

**NÃO INCLUA:** geometria de preenchimento, cenários planos de imagem no lugar da arquitetura principal, texturas sem licença, recursos vinculados externamente, controles quebrados, botões falsos de carregamento ou exportação, texturas esticadas, bloom excessivo, pedra com aparência de plástico, vegetação flutuante, sombras tremeluzentes, câmera atravessando objetos, layouts móveis inacabados, marcas-d’água ou alegações não comprovadas de precisão histórica.

Crie **“Jardins Suspensos da Babilônia”**, um site 3D interativo com qualidade de produção, desenvolvido com **Three.js** e acompanhado de um vídeo cinematográfico **MP4** refinado, renderizado a partir da mesma cena.

**DIREÇÃO VISUAL**  
Uma reconstrução artística dos lendários Jardins Suspensos: arquitetura monumental em terraços que se eleva da margem de um rio no deserto, arenito quente e tijolos secos ao sol, faixas de azulejos vitrificados azul-cobalto, relevos dourados discretos, galerias abobadadas, escadarias amplas, pátios sombreados e canais de água em cascata. Cada terraço abriga palmeiras exuberantes, ciprestes, arbustos floridos e trepadeiras pendentes. Combine uma silhueta escalonada claramente legível com detalhes arquitetônicos ricos de perto. Luz quente do fim da tarde, profundidade atmosférica suave, rugosidade realista dos materiais, desgaste sutil e escala convincente. Busque o acabamento de uma visualização arquitetônica premium e de um site de exposição museológica.

**PESQUISA E TEXTURAS**  
Pesquise na web referências visuais de arquitetura babilônica, tijolos vitrificados, arenito, relevos esculpidos, irrigação antiga e vegetação regional. Encontre imagens em alta resolução de domínio público, CC0 ou com licença adequada para criar texturas; documente suas fontes e licenças. Baixe os recursos permitidos e hospede-os localmente. Use fotografias adequadas como material de origem para texturas PBR contínuas e detalhes projetados por UV, corrigindo a perspectiva, removendo a iluminação direcional incorporada e ajustando cor e escala. Crie mapas de cor-base, rugosidade e normais quando apropriado. Faça o bake da oclusão de ambiente e da iluminação indireta da cena real em atlas de texturas otimizados, mantendo a folhagem animada e a água compatíveis com a configuração de iluminação. Preserve detalhes arquitetônicos nítidos, sem emendas visíveis, UVs esticadas ou padrões de textura repetitivos.

**CENA 3D E INTERAÇÃO**  
Crie uma arquitetura coerente e explorável, com suportes estruturais verossímeis, escadas conectadas, terraços acessíveis e vegetação cuidadosamente composta. Anime a água corrente, o movimento suave da folhagem e partículas sutis no ar. Comece com uma aproximação cinematográfica pelo rio em direção aos jardins e, depois, faça uma transição fluida para o controle do usuário. Ofereça órbita, zoom e exploração limitada, com pontos de vista selecionados para o portão do rio, a galeria abobadada, o terraço de irrigação e o jardim no cume. Inclua um percurso guiado que acompanhe a água do reservatório superior pelos terraços. Disponibilize modos diurno e pôr do sol com iluminação consistente. Evite que a câmera atravesse objetos, que o usuário passe pelas paredes e transições desorientadoras.

**EXPERIÊNCIA DO SITE**  
Use tipografia elegante e discreta, além de controles mínimos que deixem a cena em destaque. Inclua um indicador de carregamento claro, um título introdutório, uma ação “Explorar os Jardins”, navegação por pontos de vista, um controle de visita guiada e download do vídeo. Identifique brevemente a reconstrução como uma interpretação artística. Crie layouts responsivos para desktop e dispositivos móveis, ofereça suporte à navegação por teclado e à redução de movimento e forneça uma alternativa refinada quando o WebGL não estiver disponível. Mantenha todos os controles funcionais e todos os textos da interface finalizados. Mude todos os textos da interface e da visita guiada para o inglês: dê à página o título “Jardins Suspensos da Babilônia” e use rótulos concisos em inglês para a entrada de exploração, a navegação por pontos de vista, a visita guiada pela água e o download do vídeo. Dê a cada ponto de vista uma legenda curta em inglês, com no máximo 40 palavras, observando brevemente que a cena é uma reconstrução artística, e não um registro arqueológico comprovado. **ENGENHARIA DE PRODUÇÃO**  
Use código Three.js modular e um pipeline de recursos pensado para uma implantação confiável. Otimize geometria, chamadas de desenho, sombras, vegetação e memória de texturas com instanciação, níveis de detalhe, recursos GLB compactados, texturas KTX2/Basis e carregamento progressivo. Ajuste a resolução das texturas ao nível de detalhe visível. Use materiais com base física, gerenciamento de cores correto, mapeamento de tons controlado e pós-processamento discreto. Busque desempenho fluido em desktops modernos e desempenho utilizável em dispositivos móveis intermediários, com configurações adaptativas de qualidade e densidade de pixels limitada. Meça e informe o desempenho real nos dispositivos testados. Lide adequadamente com falhas de carregamento e libere recursos de GPU não utilizados.

**ENTREGA DO VÍDEO**  
Produza um **MP4 real para download, de 30 a 45 segundos e 1920 × 1080**, codificado em H.264 com ampla compatibilidade de reprodução. Renderize a partir da cena Three.js finalizada, usando temporização de animação determinística e captura estável de quadros. Organize uma tomada de apresentação ao nível do rio, uma passagem pelos arcos, uma subida ao lado da água em cascata e uma revelação aérea final. Mantenha movimentos de câmera suaves, iluminação consistente e quadros limpos, sem controles do site. Inclua uma ambientação sutil de água e jardim com áudio devidamente licenciado.

**ENTREGA E ACEITAÇÃO**  
Desenvolva e publique o site completo em uma URL HTTPS pública e funcional. Entregue o arquivo MP4, o projeto-fonte completo, os recursos hospedados localmente, o manifesto de licenças dos recursos e instruções concisas de compilação e implantação. Verifique o site publicado, o carregamento dos recursos, todas as interações, os layouts responsivos, a compatibilidade com navegadores e a reprodução do vídeo. Verifique erros no console, texturas ausentes, colisões de câmera, defeitos de animação e gargalos de desempenho. Informe com honestidade quaisquer limitações restantes. O resultado final deve ser uma experiência concluída e pronta para implantação, com a consistência visual, confiabilidade e acabamento esperados de uma produção profissional.

**NÃO INCLUA:** geometria de preenchimento, cenários planos de imagem no lugar da arquitetura principal, texturas sem licença, recursos vinculados externamente, controles quebrados, botões falsos de carregamento ou exportação, texturas esticadas, bloom excessivo, pedra com aparência de plástico, vegetação flutuante, sombras tremeluzentes, câmera atravessando objetos, layouts móveis inacabados, marcas-d’água ou alegações não comprovadas de precisão histórica.