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.

Explorar mais prompts