Site imersivo de campo de arroz em 3D

Crie um site imersivo de campo de arroz em 3D que rode no navegador, com o tema:
“Um mar de verde / O vento entre os campos de arroz.”
Conclua o código, instale as dependências necessárias e inicie uma prévia. Não pare em uma proposta ou plano de implementação.

1. Direção visual

A atmosfera geral deve transmitir uma sensação natural, tranquila e refinada, como um site de paisagem interativo com uma direção de arte coesa.

A cena deve incluir:

Primeiro plano: folhas finas, caules curvos e algumas panículas de arroz pendentes, claramente distinguíveis.

Plano intermediário: um campo de arroz contínuo que se estende ao longe, com densidade suficiente e variações naturais no espaçamento.
Fundo: uma linha irregular de árvores, colinas baixas em camadas e perspectiva atmosférica sutil.
Céu: tons suaves de azul-acinzentado, variação sutil nas nuvens e uma transição natural no horizonte.
Posicione a câmera padrão ligeiramente acima das panículas de arroz, voltada para o campo e para as colinas distantes.
O céu deve ocupar aproximadamente um terço do quadro, enquanto o campo de arroz domina a composição.
Use principalmente vegetação em verde-escuro, verde-oliva e verde-amarelado. Evite verde fluorescente.
Varie naturalmente a altura, a orientação, a curvatura e a cor das plantas de arroz.

2. Requisitos de animação
O vento deve aparecer como ondas contínuas que atravessam lateralmente o campo:
Mantenha as raízes praticamente fixas, com um movimento progressivamente mais intenso em direção às pontas das folhas e às panículas.
As plantas da mesma área devem se mover de forma coerente, preservando variações individuais.

Combine ondas de vento lentas e amplas com perturbações locais sutis.

Evite fazer todas as plantas balançarem em perfeita sincronia. Não desloque as plantas inteiras nem faça as folhas piscarem.

Use uma brisa padrão suave, confortável de observar por longos períodos.
3. Requisitos de interação
Ofereça controles simples que afetem a cena de forma efetiva:
Slider de velocidade do vento: ajuste suavemente a intensidade e a velocidade da animação do vento.
Modos de iluminação: Manhã, Tarde e Hora dourada. Coordene as mudanças no céu, na direção da luz, na temperatura de cor e na cor da neblina.

Modos de visualização: Campo aberto e Entre os arrozais, com transições suaves de câmera.

Pausar/Retomar: pause e retome a animação do ambiente.

O movimento do mouse pode produzir uma resposta muito sutil da câmera, mas não deve causar tontura.
Por padrão, não gire a câmera continuamente em ângulos amplos.
4. Design da interface
Use uma cena em tela cheia com uma interface sobreposta:
Canto superior esquerdo: um pequeno logotipo VERDANT.

Canto inferior esquerdo: o título com serifa “Um mar de verde.”
Abaixo dele, o subtítulo menor “Nada para fazer. Apenas acompanhe a brisa.”
Canto inferior direito: um painel de controle compacto, semitransparente e verde-escuro.

Mantenha o texto legível, use espaçamento generoso e evite obstruir a paisagem principal com os controles.

Os controles devem continuar utilizáveis em telas estreitas, sem sobreposição.

5. Tecnologia e desempenho
Use Three.js. Se já houver um projeto, mantenha o ambiente de build existente.
Use instancing e animação de vértices na GPU para lidar com grandes quantidades de vegetação.
Evite criar um objeto de desenho separado para cada planta ou atualizar todas as plantas na CPU a cada quadro.
Reduza os detalhes da vegetação a distâncias maiores e aplique um limite razoável ao pixel ratio.
Prefira geometria e materiais procedurais para garantir o carregamento confiável dos recursos.
A cena deve ser renderizada em tempo real. Não use uma imagem ou um vídeo de paisagem em tela cheia como cena principal.
Os nomes dos modelos e os rótulos de comparação serão adicionados na pós-produção; não os inclua na cena.
6. Critérios de conclusão
Após a implementação, use as ferramentas de navegador disponíveis para verificar se:
A visualização inicial é renderizada corretamente, sem erros óbvios no console.

Todos os controles afetam a cena de forma efetiva.

O primeiro plano, o plano intermediário e o fundo têm profundidade e camadas distinguíveis.
As plantas de arroz são mais do que simples linhas verdes verticais.
O movimento do vento é contínuo e natural, sem repetição uniforme evidente.
As transições de câmera são suaves, e a interface continua utilizável em telas estreitas.
Se não puder realizar alguma verificação específica, informe isso claramente.
Por fim, forneça instruções para iniciar o projeto e um resumo dos recursos realmente implementados.