Ideart
Abrir menu

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.

Luxury 3D watch product experience page (Next.js + Three.js)

Imediato

Gerar imagem grátis
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.).

Como usar este prompt

  1. 1Copie o prompt exatamente e cole no seu modelo preferido ou projeto Ideart.
  2. 2Substitua detalhes de produto, sujeito, público e estilo pelo seu próprio contexto.
  3. 3Gere primeiro um resultado base e depois remixe a direção mais forte em campanha, série de imagens ou conceito de vídeo.

Explorar caminhos de prompts próximos

Criar a partir deste prompt

Transforme um prompt de imagem em um projeto criativo finalizado.

Guarde o prompt, adicione imagens de referência ou notas e deixe a Ideart moldar o próximo passo de produção no mesmo fio criativo.