Página de experiência do produto de relógio 3D de luxo (Next.js + Three.js)

Um prompt japonês longo e detalhado para projetar uma página web de experiência de produto 3D de luxo para relógios de alta qualidade, usando Next.js, Three.js, React Three Fiber, GLSL e requisitos específicos de seções de rolagem e shaders.

Comando
Crie uma página de experiência de produto 3D para um relógio de pulso de luxo. **Usuários-alvo:** clientes ricos, entusiastas de relógios e empresários com idade entre 30 e 50 anos. **Tom da marca:** Luxo × Tecnologia (uma sensação moderna, sofisticada e de alta qualidade). Experiência de rolagem (5 seções): Seção Hero – o relógio de pulso aparece lentamente da escuridão para a luz enquanto gira. Implemente efeitos holográficos e reflexos de Fresnel com shaders personalizados. Zoom de detalhes – close-up do mostrador. Use GLSL para obter reflexos metálicos, mapeamento de paralaxe e brilho em tempo real. Desmontagem do mecanismo – o relógio se desmonta e o movimento interno flutua no espaço. Use um shader de deslocamento para um efeito de campo de energia e adicione efeitos de brilho a cada parte. Experiência de material – alterne entre diferentes variações de material. Expresse metalicidade, refração de vidro e a textura fosca do titânio com shaders PBR de forma fisicamente baseada. Final – o relógio se remonta, com um fundo de malha gradiente abstrata feito com um shader personalizado. Aplique pós-processamento como bloom e profundidade de campo. **Pilha de tecnologia:** Next.js 15 + Three.js + React Three Fiber + GLSL (shaders personalizados) + react-postprocessing + Lenis. Requisitos de shader: Shader de reflexão de Fresnel (efeito de luz de borda) Shader de material PBR (rugosidade, metálico, AO) Shader holográfico (efeito de interferência iridescente) Shader de deslocamento (efeitos de ondulação e distorção) Shader de fundo personalizado (ruído gradiente) Pós-processamento: Bloom, ChromaticAberration, DepthOfField, Vignette. Por favor, proponha valores numéricos específicos para: Intervalo de rolagem de cada seção (em % ou unidades vh) Parâmetros de animação (valores de início/fim para posição, rotação, escala, etc.) Funções de easing (tipo de ease) FOV da câmera, posição e valores de destino Configurações de iluminação (intensidade, cor, posição) Valores uniformes para cada shader (progressão do tempo, progresso da rolagem, matiz, intensidade, etc.).

Como usar este prompt

  1. 1

    Copie o prompt completo acima.

  2. 2

    Abra uma plataforma compatível com o Gemini 3 Pro, como a YouMind, e cole o prompt.

  3. 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 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.

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.

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.

Explorar mais prompts