Página webDashboard 3D en light mode con widgets flotantes sobre un plano claro. Cada widget es un objeto 3D con visualización; al seleccionarlo reproduce un video insight que explica la…
Página web
Portfolio 3D Light Mode de Fotografía con Proyecciones de Video
Prompt
Portfolio de fotografía en light mode donde paneles flotantes actúan como lienzos que proyectan videoclips cortos. Estética editorial: fondo blanco, marcos finos en gris cálido y tipografía serif para títulos. Al entrar, la cámara realiza un paneo suave por la galería; al acercarse a un panel el clip se reproduce con fade-in y aparece una tarjeta con metadatos: título, año, equipo y notas del autor. Clips cortos de 4-12 s optimizados para web. Scrubbing horizontal sobre el panel para avanzar el clip frame-a-frame. Botón 'Ver detrás de cámaras' que abre un video extendido en overlay. Los paneles pueden agruparse por series; al seleccionar una serie la cámara se reordena con animación y parallax entre capas. Accesibilidad: captions cuando hay voz, transcripción y descripción textual. El sistema pausa clips fuera de viewport y libera texturas tras 60 s de inactividad. **Entregables:** index.html, styles.css, photo3d.js, assets/ (clips, texturas, modelos de panel, subtítulos SRT, transcripciones). **Stack:** Three.js, video textures, GSAP, LazySizes. **Interacciones:** Hover/approach reproduce clip, scrubbing frame-a-frame, agrupación por series, overlay de video extendido.
- Tipo
- Página web
- Tecnología
- Three.js, video textures, GSAP, LazySizes
- 3D
- photography
- portfolio
- light mode
- video projections
- floating panels
- editorial
- serif
«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
Página web
Página webSala de conferencias en light mode con butacas en tonos crema, pantalla central amplia y paneles laterales para clips destacados. El stream principal se reproduce en la pantalla…
Página webBiblioteca 3D en light mode con estanterías claras y volúmenes que contienen clips educativos. Búsqueda semántica por consultas naturales; los resultados iluminan estantes…
Página webUn showroom orientado a proof de producto, demos, validación técnica y narrativa de conversión. Un showroom tipo laboratorio centrado en demostración técnica, storytelling de…
Página webUna biblioteca de training y onboarding con playlists estructuradas, clips y búsqueda interna. Una biblioteca corporativa orientada a training con playlists, clips de onboarding…
Página webUn hub de aprendizaje centrado en docs y referencias, optimizado para clips y descubrimiento. Una versión tipo learning hub optimizada para docs, referencias y descubrimiento…
Página webUn jardín de innovación orientado a recorridos con videos de proyecto, narrativa por parcelas y transición por zonas. Una experiencia de jardín de innovación enfocada en tours y…
Página webRuta sugerida: snapchat-clone Marca original: SnapWave Objetivo: Desarrollar una landing page moderna, social, colorida, inmersiva y funcional para presentar una aplicación…