Ideart
Abrir menú

Página de experiencia de producto de reloj 3D de lujo (Next.js + Three.js)

Un prompt detallado y extenso en japonés para diseñar una página web de experiencia de producto 3D de lujo para relojes de alta gama, utilizando Next.js, Three.js, React Three Fiber, GLSL, y requisitos específicos de secciones de desplazamiento y shaders.

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

Inmediato

Generar imagen gratis
Diseñe una página de experiencia de producto 3D para un reloj de pulsera de lujo.
**Usuarios objetivo:** clientes adinerados, entusiastas de los relojes y empresarios de 30 a 50 años.
**Tono de la marca:** Lujo × Tecnología (una sensación moderna, sofisticada y de alta gama).
Experiencia de desplazamiento (5 secciones):
Sección principal (Hero) – el reloj de pulsera aparece lentamente de la oscuridad a la luz mientras gira. Implemente efectos holográficos y reflexiones de Fresnel con sombreadores personalizados.
Zoom de detalles – primer plano de la esfera. Utilice GLSL para lograr reflejos metálicos, mapeo de paralaje y brillo en tiempo real.
Desglose del mecanismo – el reloj se desarma y el movimiento interno flota en el espacio. Utilice un sombreador de desplazamiento para un efecto de campo de energía y agregue efectos de brillo a cada parte.
Experiencia de materiales – cambie entre diferentes variaciones de materiales. Exprese la metalicidad, la refracción del vidrio y la textura mate del titanio con sombreadores PBR de forma físicamente precisa.
Final – el reloj se vuelve a ensamblar, con un fondo de malla degradado abstracto hecho con un sombreador personalizado. Aplique postprocesamiento como *bloom* y profundidad de campo.
**Pila tecnológica:** Next.js 15 + Three.js + React Three Fiber + GLSL (sombreadores personalizados) + react-postprocessing + Lenis.
Requisitos del sombreador:
Sombreador de reflexión de Fresnel (efecto de luz de borde)
Sombreador de material PBR (rugosidad, metálico, AO)
Sombreador holográfico (efecto de interferencia iridiscente)
Sombreador de desplazamiento (efectos de ondulación y distorsión)
Sombreador de fondo personalizado (ruido degradado)
Postprocesamiento: Bloom, ChromaticAberration, DepthOfField, Vignette.
Proponga valores numéricos específicos para:
Rango de desplazamiento de cada sección (en % o unidades vh)
Parámetros de animación (valores iniciales/finales para posición, rotación, escala, etc.)
Funciones de *easing* (tipo de *ease*)
FOV, posición y valores objetivo de la cámara
Configuración de iluminación (intensidad, color, posición)
Valores uniformes para cada sombreador (progresión del tiempo, progreso del desplazamiento, tono, intensidad, etc.).

Cómo usar este prompt

  1. 1Copia el prompt exactamente y pégalo en tu modelo preferido o en un proyecto de Ideart.
  2. 2Sustituye detalles de producto, sujeto, audiencia y estilo por tu propio contexto.
  3. 3Genera primero un resultado base y luego remezcla la dirección más fuerte en una campaña, serie de imágenes o concepto de video.

Explorar rutas de prompts cercanas

Construir desde este prompt

Convierte un prompt de imagen en un proyecto creativo terminado.

Guarda el prompt, añade imágenes de referencia o notas y deja que Ideart dé forma al siguiente paso de producción desde el mismo hilo creativo.