PÁGINA WEB Instrução
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.
Instrução
Crie uma página de experiência de produto 3D para um relógio de pulso de luxo.
**Utilizadores-alvo:** clientes ricos, entusiastas de relógios e empresários com idades 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 principal (Hero section) – 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 – um *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 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 materiais – alterne entre diferentes variações de materiais. Expresse metalicidade, refração de vidro e a textura fosca do titânio com *shaders* PBR de forma fisicamente precisa.
Final – o relógio remonta, com um fundo de malha gradiente abstrato 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 iniciais/finais 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.).
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.
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.


