Estadio Deportivo 3D — Replay en Video y Ángulos de Cámara Libres

Plataforma de evento deportivo 3D que combina replays en video con ángulos de cámara libres. Un estadio 3D muestra la acción en tiempo real (stream) y permite al usuario seleccionar un replay: la escena carga el clip y la cámara puede moverse libremente alrededor del campo con constraints para mantener perspectiva realista. Marcadores de jugadas clave generan clips destacados y un timeline con scrubbing usando proxies para fluidez. Overlays con estadísticas en tiempo real (posesión, tiros) sincronizados con el replay. Comentarios sociales anclados a timestamps. Rendimiento: streaming adaptativo, LOD para público, pausar render en pestañas inactivas. Accesibilidad: subtítulos, transcripciones, prefers-reduced-motion. Métricas: replays vistos, ángulos seleccionados, comentarios por timestamp. **Entregables:** index.html, styles.css, sports3d.js, assets/ (clips de replay, highlights, modelo GLB de estadio). **Stack:** Three.js, GSAP, HLS.js (streaming adaptativo), WebSocket para datos en vivo. **Características:** - Cámara órbita libre con constraints de altura/distancia. - Tarjetas de replay que cargan video y vuelo de cámara. - Timeline con scrubbing y marcadores de jugadas clave. - Panel de estadísticas en vivo sincronizado con replay. - Comentarios anclados a timestamps. - Streaming adaptativo vía HLS.js. - LOD para público, pausa en pestañas inactivas. - IndexedDB para métricas de uso. - Soporte prefers-reduced-motion. - Subtítulos y transcripciones para accesibilidad.