Drommo
Showroom 3D de moda con pasarela animada y videos de backstage
Página web

Showroom 3D de moda con pasarela animada y videos de backstage

Prompt

Construye un showroom 3D elegante de moda con pasarela virtual animada, iluminación reactiva a la música y videos backstage por prenda. **Entregables:** index.html, styles.css, fashion.js, carpeta assets/ con modelos GLB de prendas, videos backstage y texturas. **Stack:** Three.js, video textures, PBR, GSAP, WebAudio API. **Descripción:** Showroom 3D elegante donde una pasarela virtual presenta colecciones; al seleccionar una prenda se reproduce un video backstage que muestra el proceso creativo. La pasarela se anima con modelos estilizados y la iluminación responde a la música. **Pasarela y reproducción de video:** La pasarela es un track 3D con modelos de maniquíes en loop. Click en una prenda acerca la cámara y un panel lateral reproduce un clip backstage con subtítulos y créditos. "Modo lookbook" muestra la prenda en 360° con video de detalle. **Microinteracciones y controles:** Hover sobre prenda muestra swatches de color; click abre ficha con video y specs. Playlist de videos backstage reproducible en secuencia. "Modo editor" para combinar prendas en un maniquí y exportar un collage (UI). **Rendimiento:** Modelos GLB con LOD; texturas PBR 1024px. Videos 720–1080p con preload="metadata"; thumbnails para previsualizar. Pausar animaciones fuera de viewport. **Accesibilidad:** Subtítulos y transcripciones; descripciones alternativas para prendas. prefers-reduced-motion reduce animaciones de pasarela. **Métricas:** Visualizaciones de video, interacciones por prenda, combinaciones creadas, tiempo en lookbook.

Tipo
Página web
Tecnología
Three.js, video textures, PBR, GSAP
  • 3D
  • fashion
  • showroom
  • runway
  • backstage video
  • lookbook
  • PBR
  • audio reactive
Crear en Drommo

«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.

Ideas parecidas