PÁGINA WEB

Prompt para Vale de Flores de Cerejeira Japonês em 3D Web

Um prompt detalhado para gerar um site interativo em 3D de um vale de flores de cerejeira japonês usando HTML/CSS/JS e Three.js, testado no GPT-6 Astra.

Crie uma página web com este prompt

InstruçãoPrompt para Vale de Flores de Cerejeira Japonês em 3D Web

Crie diretamente uma página web de paisagem 3D de alta fidelidade que possa ser interagida em tempo real no navegador.

Tema: Vale de flores de cerejeira japonês.
Implemente usando HTML, CSS e JavaScript. Não gere imagens, não forneça apenas propostas de design,
não simule 3D com uma imagem de fundo mais efeitos de paralaxe. Quero um produto real, executável e explorável.

[1. Posicionamento do Produto]

Este é um cenário de vale contínuo e completo com camadas de profundidade,
não ornamentos isolados, ilhas flutuantes, caixas de areia com bases ou demonstrações técnicas simples.

O estilo é arte voxel moderna de grão fino:
Mantenha a linguagem de modelagem geométrica cúbica, mas a tela deve ter alta resolução, antialiasing e luz/sombra delicadas.
Sem pixelização retrô de baixa resolução, sem empilhamento grosseiro de blocos, sem filtros de pixels aplicados à tela.

A qualidade visual é prioridade. Prefira menos recursos a sacrificar composição, materiais e iluminação.

[2. Uso de Imagens de Referência]

Se imagens de referência estiverem anexadas, entenda primeiro sua hierarquia composicional, escala, iluminação e relações de cor.
Empreste apenas atmosfera e linguagem visual, redesenhe a cena,
não copie posições de edifícios, árvores, montanhas e estradas, não replique 1:1.

As imagens de referência não são ativos de fundo na página web. A cena em si deve ser composta por geometria 3D real.

[3. Composição da Cena]

Ao abrir por padrão, deve apresentar uma imagem completa e atraente,
os usuários não precisam girar a câmera primeiro para encontrar um bom ângulo.

Use uma câmera em perspectiva, não uma câmera isométrica superior estilo caixa de areia.
A tela tem primeiro plano, plano médio e fundo claros:

Primeiro Plano:
Uma árvore antiga de cerejeira com presença, combinada com rochas, vegetação, lanternas de pedra e algumas pétalas caídas,
formando uma moldura natural na borda da tela, mas sem bloquear o rio, a ponte e os edifícios principais.

Plano Médio:
Um rio sinuoso guia a linha de visão para dentro da tela, uma ponte vermelha de madeira atravessa o rio;
aldeias, casas de chá, santuários e caminhos estão distribuídos ao longo do terreno, com relações reais de passagem entre os edifícios.
O solo tem ondulações, margens e transições naturais, não modelos uniformemente colocados em um plano.

Fundo:
Torres de vários andares nas encostas das colinas, florestas e cristas em distâncias diferentes, e montanhas nevadas distantes.
Expresse distância através de mudanças de escala, oclusão, mudanças quentes/frias e perspectiva atmosférica,
não apenas encolhendo objetos distantes.

Não espalhe todos os elementos uniformemente. Precisa de primário/secundário, densidade/raro, espaço negativo e foco visual claro.

[4. Modelagem e Qualidade da Tela]

Árvores de Cerejeira:
Troncos têm curvas, bifurcações e raízes, copas compostas por aglomerados irregulares de flores,
têm lacunas, variações de espessura e galhos visíveis. Não as faça como várias esferas regulares ou blocos amontoados.

Edifícios:
Telhados têm telhas em camadas, beirais, vigas, colunas e treliças de janelas;
edifícios diferentes têm diferenças em propósito, volume e altura, não copie a mesma casa para preencher o vale.

Terreno:
Margens têm pedras úmidas, grama e transições de vegetação.
Evite degraus excessivamente regulares, listras repetidas, tabuleiros de xadrez e grades óbvias de geração procedural.

Superfície da Água:
Deve refletir a paisagem circundante, com ondulações moderadas, variações de profundidade e transições de margem.
Tente usar reflexões reais da cena; mantenha credibilidade visual mesmo quando for necessária degradação de desempenho.
Não substitua a água por ruído piscante, forte distorção ou um plano azul inteiro.

Detalhes:
Pode ter alguns koi, flores caídas, vagalumes, cachoeiras e pássaros distantes,
mas todos devem servir à atmosfera, não podem fazer a tela parecer barulhenta.
Não acumule detalhes apenas para afirmar quantidade de modelos.

[5. Cor e Atmosfera]

Padrão é hora azul:
Vales frios e montanhas distantes, cerejeiras rosa suaves, lanternas e luzes de janelas quentes mas não superexpostas.
Luz quente concentra-se onde há atividade humana, não tinte todo o ambiente de laranja.

Precisa de sombras suaves, claro/escuro nos pontos de contato dos objetos, exposição razoável,
bloom contido, antialiasing e névoa fina com camadas de distância.

Evite branqueamento, névoa, saturação excessiva, névoa espessa em tela cheia, luzes superexpostas e aliasing óbvio.
Geometria de blocos pode ser clara, mas a renderização em si não pode ser áspera.

Forneça também atmosferas "Manhã" e "Chuva";
ao alternar, mude sincronizadamente céu, luz ambiente, névoa e efeitos locais,
não apenas modificando a cor de fundo.

[6. Interação e Interface]

Forneça quatro câmeras projetadas:
Panorama do vale, posição baixa junto ao rio, caminho do templo, vista superior da colina.
A alternância deve ser suave, cada câmera precisa de valor composicional independente.

Interação básica:
Arrastar mouse para observar, roda do mouse para zoom ou avanço, telas sensíveis ao toque suportam arrastar e pinçar para zoom.
Forneça funções de redefinir visão, ocultar interface e salvar tela atual.

Melhorias opcionais:
Exploração livre, cruzeiro lento da câmera, som ambiente.
Som ambiente desligado por padrão, só toca após o usuário clicar ativamente.
Funções extras não podem afetar a completude da tela padrão.

Interface deve ser contida e projetada, focando na paisagem.
Títulos e barras de controle colocados nas bordas, não bloqueando o foco visual.
Desktop e mobile não podem ter estouro de botões, sobreposição de texto ou problemas inoperáveis.

[7. Engenharia e Desempenho]

Permita uso de Three.js / WebGL e dependências CDN fixadas por versão e mutuamente compatíveis.
Priorize capacidades de renderização maduras, não reescreva o motor inteiro por "zero dependência".

HTML, CSS e JavaScript escritos manualmente devem tentar ser organizados em um único arquivo HTML.
Cenário gerado por geometria e materiais procedurais, não dependendo de imagens externas ou recursos de modelo 3D.

Objetos repetidos usam métodos adequados de desenho em lote ou instanciado;
Controle razoavelmente subdivisão, sombras, reflexões e resolução de renderização.
Forneça modos de alta qualidade e leves, celulares padrão para configurações mais leves.
Não troque aumento infinito na contagem de voxels por detalhe.

Adicione avisos de carregamento, avisos de WebGL não suportado e tratamento de erros necessário.
Não reproduza automaticamente se o som não estiver habilitado; respeite preferências do sistema para movimento reduzido.

[8. Aceitação Pré-Entrega]

Não entregue imediatamente após escrever o código.

Se o ambiente atual suportar execução no navegador e capturas de tela, abra a página primeiro,
verifique câmera padrão, quatro vistas, alternância de atmosfera, layouts desktop e mobile,
corrigindo problemas óbvios de composição, exposição, oclusão e renderização baseados nas capturas de tela.

Verificações-chave:
Há telas em branco, falhas de carregamento, erros de console;
Há recorte, piscar, banding de sombra, superexposição, anomalias na superfície da água;
A tela padrão realmente parece uma paisagem completa, não uma pequena caixa de areia;
Os botões de função são realmente utilizáveis, o mobile tem estouro.

Pode usar capturas de tela do navegador para aceitação, mas não chame ferramentas de geração de imagens.
Declare testes incompletos honestamente, não afirme verificados.

Entrega Final:
1. Um arquivo HTML real, abrável, ou prévia interativa suportada pelo ambiente atual.
2. Se capturas de tela forem possíveis, anexe uma captura de tela real de renderização do navegador.
3. Breve explicação do método de operação e condições necessárias de execução.

Conclua a produção diretamente; faça escolhas de design consistentes para detalhes não críticos você mesmo,
não repasse problemas de implementação que você pode resolver para mim decidir.

Como usar este prompt

1
Copie o prompt completo acima.
2
Abra uma plataforma compatível com o GPT 6 Astra, como a YouMind, e cole o prompt.
3
Troque o tema, o estilo ou os detalhes conforme a sua ideia e gere.

Este é um prompt de IA gratuito da biblioteca de prompts da YouMind. Explore outros milhares de prompts de página web, todos gratuitos para copiar e adaptar.

Explorar mais prompts de página web

Mais de GPT 6 Astra

Mais recursos de prompts

Biblioteca de IA

Procura de prompts com IA

Deixa a IA pesquisar em dezenas de milhares de prompts. Filtra por modelo, intervalo de datas e palavras-chave e ordena por interação: visualizações, favoritos, partilhas e mais.

Experimentar grátis

Ferramentas de visão

Imagem para prompt

Transforme qualquer foto num prompt de imagem IA detalhado. O conversor gratuito de imagem para prompt analisa composição, estilo e iluminação para recriar qualquer visual em segundos.

Converter imagem em prompt

Outros recursos de prompts

Por modelo

Prompts do GPT Image 2.5 Instruções do GPT Image 2 Instruções do Nano Banana Pro Instruções do Seedream 4.5 Instruções do GPT Image 1.5 Prompts de vídeo do Gemini Instruções do Seedance 2.0 Grok Imagine Prompts Prompts do Gemini 3 Pro para sites

Por suporte

Prompts de imagem Prompts de vídeo Prompts de IA para criar sites

Ferramentas de IA

Imagem para prompt Prompts de fotografia Diapositivos do GPT Image 2

Criado para criadores. Grátis para sempre.

YouMind é o copiloto criativo de IA usado por criadores em todo o mundo. Cada prompt aqui é curado para ajudar a criar melhor e mais depressa.

Criar página web com prompt Explorar mais prompts

Recursos

Skills Casos de uso Blogue Markdown para artigo do 𝕏 Para agentsAvaliar o Writing Sense

Ferramentas

Ferramentas gratuitas

Comparar

Notion NotebookLM ChatGPT Codex GenSpark Gamma Lovart Manus MyMind Perplexity

Empresa

Privacidade Termos Política de cookies

AI Summary

Prompt para Vale de Flores de Cerejeira Japonês em 3D Web

Crie uma página web com este prompt

Como usar este prompt

Mais de GPT 6 Astra

Prompt de Simulação de Navegação Robótica GPT-6 Astra

Criação de Jogo X68000 com ChatGPT Astra

Geração de Cena de Fogueira no Blender

Animação de Montagem de Veículo Elétrico Procedural no Blender

Modo de Jogo de Beisebol em Dungeon

TRIPO CLI + GPT-6 Astra Cofre do Tesouro

Mais recursos de prompts

Procura de prompts com IA

Imagem para prompt

Outros recursos de prompts

Criado para criadores. Grátis para sempre.