PÁGINA DA WEB

Prompt para Vale de Flores de Cerejeira Japonesa em 3D Web

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

Crie uma página web com este prompt

ComandoPrompt para Vale de Flores de Cerejeira Japonesa em 3D Web

Por favor, 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 japonesas.
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. Eu 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 pequenos 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 da geometria cúbica, mas a tela deve ser de alta resolução, anti-aliased, com luz e sombra delicadas.
Sem pixelização retro de baixa resolução, sem empilhamento grosseiro de blocos, sem filtros de pixel aplicados à tela.

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

[2. Uso de Imagens de Referência]

Se imagens de referência estiverem anexadas, primeiro entenda sua hierarquia composicional, escala, iluminação e relações de cor.
Empreste apenas atmosfera e linguagem visual, redesenhe a cena,
Não copie as 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 de 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 não pode 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 colocados uniformemente em um plano.

Fundo:
Torres de vários andares nas encostas das colinas, florestas e cristas em diferentes distâncias, e montanhas nevadas distantes.
Expresse a 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/esparso, espaço em branco e foco visual claro.

[4. Modelagem e Qualidade da Tela]

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

Edifícios:
Telhados têm telhas em camadas, beirais, vigas, colunas e treliças de janelas;
diferentes edifícios 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 passos excessivamente regulares, listras repetidas, tabuleiros de xadrez e grades óbvias de geração procedural.

Superfície da Água:
Deve ser capaz de 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 a credibilidade visual mesmo quando a degradação de desempenho for necessária.
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, vaga-lumes, 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]

O padrão é hora azul:
Vales frios e montanhas distantes, flores de cerejeira rosa suave, lanternas e luzes de janelas quentes, mas não superexpostas.
A luz quente se concentra onde as pessoas estão ativas, não tinge todo o ambiente de laranja.

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

Evite branqueamento, névoa, saturação excessiva, névoa grossa em tela cheia, luzes superexpostas e aliasing óbvio.
A 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 pelo rio, caminho do templo, vista aérea da encosta.
A troca deve ser suave, cada câmera precisa de valor composicional independente.

Interação básica:
Arrastar mouse para observar, roda de rolagem para zoom ou avanço, telas sensíveis ao toque suportam arrastar e pinçar para zoom.
Fornece 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.

A 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 o 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 todo o motor por "zero dependência".

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

Objetos repetidos usam métodos de desenho em lote ou instanciados adequados;
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 prompts 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 as 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 a câmera padrão, quatro vistas, alternância de atmosfera, layouts desktop e mobile,
em seguida corrija problemas óbvios de composição, exposição, oclusão e renderização com base nas capturas de tela.

Verificações-chave:
Há telas em branco, falhas de carregamento, erros de console;
Há recorte, cintilação, 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 da 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 devolva repetidamente problemas de implementação que você pode resolver para mim para decisão.

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

Busca de prompts com IA

Deixe a IA buscar em dezenas de milhares de prompts. Filtre por modelo, período e palavras-chave, e ordene por engajamento: visualizações, favoritos, compartilhamentos e mais.

Testar grátis

Ferramentas de visão

Imagem para prompt

Transforme qualquer foto em um 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 Comandos do GPT Image 2 Comandos do Nano Banana Pro Comandos do Seedream 4.5 Comandos do GPT Image 1.5 Prompts de vídeo do Gemini Comandos do Seedance 2.0 Grok Imagine Prompts Prompts do Gemini 3 Pro para sites

Por mídia

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

Ferramentas de IA

Imagem para prompt Prompts de foto Apresentações do GPT Image 2

Feito para criadores. Grátis para sempre.

YouMind é o copiloto criativo de IA usado por criadores no mundo todo. Cada prompt aqui é curado para ajudar você a criar melhor e mais rápido.

Criar página com prompt Explorar mais prompts

Recursos

Skills Casos de Uso Blog Markdown para artigo do 𝕏 Para agentsAvaliando 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 Japonesa em 3D Web

Crie uma página web com este prompt

Como usar este prompt

Mais de GPT 6 Astra

Geração de Cena de Fogueira no Blender

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

Mini-jogo no Estilo It Takes Two

Prompt do Jogo de Ultrapassagem 3D GPT-6 Astra

TRIPO CLI + Baú do Tesouro GPT-6 Astra

Prompt de Jogo Clone do Crossy Road

Mais recursos de prompts

Busca de prompts com IA

Imagem para prompt

Outros recursos de prompts

Feito para criadores. Grátis para sempre.