Drommo
Expo Tecnológica 3D con Demos en Video y Estaciones Interactivas
Página web

Expo Tecnológica 3D con Demos en Video y Estaciones Interactivas

Prompt

Expo tecnológica donde cada estación muestra una demo técnica y video explicativo detallando arquitectura, APIs y casos de uso. La escena es un pabellón con islas temáticas (IA, seguridad, infra) y mapa 3D para navegar. Al seleccionar una estación la cámara hace fly-to GSAP y el video se reproduce en pantalla 3D; junto al video aparece panel con snippets de código resaltados (Prism.js) y botón Probar en sandbox (enlace externo). Demos incluyen visualizaciones 3D en vivo (flujos de datos) sincronizadas con video mediante cues JSON. Modo deep dive pausa reproducción y permite inspeccionar logs y métricas en paneles flotantes. Rendimiento: demos pesadas bajo demanda, Web Workers. Accesibilidad: subtítulos, transcripciones, aria en snippets, prefers-reduced-motion. Métricas: demos iniciadas, snippets copiados, tiempo en deep dive. Instrucciones integración sandbox y recomendaciones seguridad incluidas. **Entregables:** index.html, styles.css, expo3d.js, assets/ (modelos GLB estaciones, videos demo, snippets JSON). **Stack:** Three.js, video HTML5, Prism.js, GSAP. **Interacciones:** Click en estación abre video + snippet + botón sandbox, mapa 3D de navegación, modo deep dive con logs/métricas, visualización de datos en vivo sincronizada con video.

Tipo
Página web
Tecnología
Three.js, video HTML5, Prism.js, GSAP
  • 3D
  • tech expo
  • pavilion
  • AI
  • cybersecurity
  • infrastructure
  • demo stations
  • demo video
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

CodeNova: hacker de medianochePágina web

CodeNova: hacker de medianoche