Casos de trabajo · Diego Ramírez
Museo Nacional del Drama: música en una experiencia web 3D
Desarrollé una experiencia web para recorrer el universo musical de Museo Nacional del Drama. El proyecto combina un museo virtual, fichas de obras y reproducción de canciones, con una colección que también se puede explorar sin entrar al recorrido 3D.
Dar forma a un proyecto artístico en la web
El desafío era presentar canciones como parte de una experiencia con identidad propia. Un catálogo permite ir directamente a una obra; un espacio virtual invita a recorrerla de otra manera. El sitio incorpora ambos caminos.
La colección conecta cada obra con su ficha, sus créditos y su música. El visitante puede navegar por enlaces convencionales o entrar al museo y acercarse a las piezas.
Recorrido, orientación y escucha
El museo incorpora movimiento en primera persona, controles para pantallas táctiles y navegación hacia las obras. Las fichas integran el reproductor de Spotify y un enlace directo para continuar la escucha.
La implementación utiliza Next.js, React, Three.js y React Three Fiber. El plano del museo organiza posiciones y circulación; la interfaz acompaña el recorrido con controles y acceso a la información de cada pieza.
El contenido también vive fuera del 3D
La colección y las fichas son páginas con texto y enlaces, independientes de la escena WebGL. Eso ofrece otro camino para quien prefiere navegar con teclado o no puede utilizar el recorrido inmersivo.
Los visores detallados se cargan cuando el visitante los solicita y el recorrido utiliza distintos niveles de detalle según la proximidad a las obras. Estas decisiones buscan controlar el trabajo gráfico; no equivalen a una garantía de rendimiento en todos los dispositivos.
Qué demuestra este proyecto
El resultado conecta la exploración de un espacio con el acceso directo a sus obras. La misma forma de trabajo puede aplicarse a un catálogo, una exposición o una experiencia interactiva con un alcance propio.
- Desarrollo de una experiencia visual que conserva la identidad de un proyecto cultural.
- Conexión entre navegación 3D, contenido editorial y reproducción musical.
- Una colección navegable que mantiene el contenido accesible fuera de la escena.