PÁGINA WEB Comando

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

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.

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