Portafolio Freelance 3D Interactivo con Showreel y Microvideos

Portafolio freelance en light mode con un cubo 3D central que actúa como contenedor de contenido: cada cara reproduce un microvideo (bio, proyectos, testimonios, contacto). Al cargar, la cámara realiza un dolly‑in suave (1.2s easeOutCubic). El cubo rota lentamente en idle; el usuario lo arrastra con inercia y límites de rotación. Hacer click en una cara la expande en un panel 3D separado y reproduce el microvideo en alta resolución con subtítulos SRT. El panel incluye metadatos (fecha, rol, herramientas) y botón "Ver caso completo" que abre modal con video extendido y galería. Scrubbing frame‑by‑frame en microvideo mediante gesto horizontal; usa proxy de baja resolución. Timeline de proyectos con fly‑to (900ms) a vitrina 3D con assets (mockups, screenshots) y video case study sincronizado con animaciones 3D (halos, líneas guía). Videos con SRT y transcripciones descargables. Rendimiento: modelos low‑poly, Draco, texturas 512–1024px, lazy‑load, liberación de texturas tras 30s. IntersectionObserver pausa render. Accesibilidad: controles nativos, aria‑label, prefers‑reduced‑motion detiene rotación. Analytics: plays, tiempo medio, rotaciones, clicks en casos. **Entregables:** index.html, styles.css, app.js, assets/ (modelos GLB, MP4, thumbnails WebP, stems audio). **Stack:** Three.js, GSAP, WebAudio API, video HTML5. **Interacciones:** Cubo con microvideos, panel expandido con SRT, scrubbing frame‑by‑frame, fly‑to timeline, vitrina 3D con halos animados.