Drommo
Timeline 3D Light Mode con Dioramas Animados y Narración en Video
Página web

Timeline 3D Light Mode con Dioramas Animados y Narración en Video

Prompt

Timeline 3D en light mode con una línea horizontal flotante y dioramas minimalistas sobre pedestales claros. Cada hito tiene un diorama GLB que representa un evento y un video narrado de 60-120 s. Al hacer scroll la cámara se desplaza entre hitos con easing cinematográfico; al llegar a un hito el video se reproduce automáticamente en un panel 3D u overlay HTML y la iluminación local cambia para enfatizar la escena. Los videos incluyen metadatos JSON con start, end, chapterTitle, cameraCue y lightingCue. El timeline permite scrubbing y saltar a capítulos; al scrubbear se usan proxies de baja resolución para mantener fluidez y se cargan versiones de alta calidad al detenerse. Cada diorama tiene hotspots que abren microvideos explicativos y documentos PDF descargables. Modo curador que reproduce una secuencia predefinida de hitos con voiceover y marcadores visuales. Rendimiento: LOD para dioramas, texturas 512 px, videos bajo demanda. **Entregables:** index.html, styles.css, timeline3d.js, assets/ (dioramas GLB, videos narrados, subtítulos SRT, transcripciones, metadatos JSON). **Stack:** Three.js, video HTML5, GSAP Timeline, ScrollTrigger. **Interacciones:** Cámara por scroll, reproducción automática de video por hito, hotspots con microvideos, modo curador.

Tipo
Página web
Tecnología
Three.js, video HTML5, GSAP Timeline, ScrollTrigger
  • 3D
  • timeline
  • light mode
  • dioramas
  • milestones
  • narrated video
  • hotspots
  • curator
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