Drommo
Galería 3D Light Mode de Productos con Proyección de Video y Filtros
Página web

Galería 3D Light Mode de Productos con Proyección de Video y Filtros

Prompt

Construye una galería 3D light mode con estética editorial: fondo blanco roto, sombras suaves y tipografía sans serif con tracking ligero. Filas de vitrinas minimalistas en pedestal blanco mate con base de mármol claro. Cada vitrina aloja un producto 3D y una pantalla integrada para video promocional. La proximidad activa iluminación y fade-in de video. Filtros reordenan vitrinas con GSAP easing y stagger. **Entregables:** index.html, styles.css, gallery3d.js, carpeta assets/ con modelos GLB, promos, HDRI y thumbnails WebP. **Stack:** Three.js, video textures, materiales PBR, GSAP, LazySizes para imágenes. **Descripción:** Galería 3D light mode editorial. Proximidad (distancia euclidiana) activa video con respuesta de iluminación. Videos como texturas 3D + overlay HTML. Filtros reordenan vitrinas con GSAP stagger. Rotación con inercia. Doble-tap para vista macro con DOF simulado. Modal de ficha técnica con video extendido, specs, variantes de color y botón "Solicitar muestra". **Rendimiento:** Texturas PBR 512-1024px, thumbnails WebP, carga bajo demanda, caché de video con liberación tras 30s de inactividad. **Accesibilidad y fallback:** Panel HTML con controles nativos, subtítulos SRT, aria-describedby, prefers-reduced-motion. Fallback 2D con galería de thumbnails.

Tipo
Página web
Tecnología
Three.js, video textures, PBR materials, GSAP
  • 3D
  • product gallery
  • light mode
  • editorial
  • video projection
  • filters
  • PBR
  • GSAP
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