Trabajando con Elementos 2D
El Panel de Recursos te permite agregar elementos multimedia como imágenes, videos, audio y PDFs a tu escena. Estos elementos pueden servir como activos decorativos, pantallas informativas o portales interactivos, contribuyendo a una experiencia más inmersiva para los usuarios en el Metaverso.
Agregar imágenes a tu escena
Puedes integrar imágenes en tu escena utilizando dos métodos de proyección principales:
- Proyección 2D: Muestra imágenes como elementos planos dentro de la escena.
- Proyección Equirrectangular 360 Grados: Envuelve la imagen en forma esférica, ideal para skyboxes o fondos inmersivos.
Cómo subir imágenes
- Abre la pestaña "Assets" en XR Creator Studio.
- Haz clic en "Agregar" y sube una imagen o GIF desde tu computadora.
- Arrastra y suelta la imagen en el viewport.
- Configura el tipo de proyección en el Panel de Propiedades.
Propiedades de imagen
| Propiedad | Descripción |
|---|---|
| Image URL | Define la URL de origen de la imagen. Puedes subir/cambiar una imagen o proporcionar un enlace externo. |
| Controls | Activa controles interactivos, como zoom o opciones de visualización. |
| Billboard | Hace que la imagen siempre mire al usuario, útil para elementos de UI o señales. |
| Link Href | Convierte la imagen en un enlace a URLs externas, salas del Metaverso u otros Verses. |
| Open as Iframe | Permite que la imagen se abra en un iframe en lugar de redirigir a otra página. |
| Use 2D View | Muestra la imagen en una interfaz 2D con zoom y desplazamiento. |
| Hide Link Href Button | Oculta el botón interactivo "Jump" para enlaces de imágenes, creando transiciones más fluidas. |
| Is 360 Portal | Convierte la imagen en un portal inmersivo de 360 grados. |
| Transparency Mode | Ajusta la transparencia (opaco, transparente). |
| Projection | Controla cómo se proyecta la imagen: plana (2D estándar) o equirrectangular (360 grados). |
Uso de imágenes como portales
Puedes usar imágenes o videos como portales para enlazar a salas externas, escenas o sitios web, ideal para crear transiciones entre Verses o proporcionar acceso directo a contenido web.
Cómo configurar un portal multimedia
- Sube una imagen o video a tu proyecto.
- Posiciónalo en el viewport donde los usuarios puedan interactuar con él.
- En el Panel de Propiedades, busca el campo "Link Href".
- Ingresa la URL del destino (sala del Metaverso, escena o enlace externo).
- Publica tu proyecto.
- Una vez publicado, al pasar el cursor sobre la imagen aparecerá la opción "Jump".
🔹 Pro-tip: Puedes ocultar el botón "Jump" activando la opción "Hide Link Href Button" en el Panel de Propiedades, lo que crea un efecto de transición más fluido.
Agregar videos a tu escena
Los videos pueden ser subidos y utilizados como reproductores multimedia permanentes en tus Verses. XR Creator soporta archivos de video estáticos y contenido en streaming.
Cómo subir y configurar videos
- Abre la pestaña "Assets" y sube un archivo de video o un enlace a una fuente de streaming.
- Configura las opciones de reproducción en el Panel de Propiedades, como:
- Auto Play: Reproducir automáticamente al ingresar a la escena.
- Loop: Activar reproducción continua, ideal para fondos animados.
- Enable Video by Proximity: Iniciar la reproducción cuando los usuarios se acerquen a cierta distancia.
Propiedades adicionales de video
| Propiedad | Descripción |
|---|---|
| Billboard | Hace que el video siempre mire al usuario. |
| Invisible Background | Usa pantalla azul/verde para hacer el fondo transparente. |
| Start Video Inside Scene | Retrasa la reproducción hasta que los usuarios entren en la sala principal. |
| Use 2D View | Abre el video en una interfaz 2D con zoom y desplazamiento. |
| Projection | Proyección plana o envolvente de 360 grados. |
| Enable Proximity | Inicia el video cuando el usuario se acerque. |
Agregar audio a tu escena
El audio mejora la ambientación, proporciona narración o activa efectos sonoros en tus Verses.
Puedes subir archivos .mp3 o usar enlaces a fuentes de audio externas.
Cómo agregar audio
- Agrega un elemento de audio desde el Panel de Recursos.
- Sube un archivo de audio o ingresa un URL de audio en streaming.
- Configura las opciones de reproducción:
- Auto Play: Comienza automáticamente al entrar en la escena.
- Loop: Activa reproducción continua.
Otras propiedades de audio
| Propiedad | Descripción |
|---|---|
| Controls | Muestra u oculta los controles del audio (reproducir, pausar, volumen). |
| Don't Play Audio Twice | Evita que el audio se repita si la escena se recarga (reinicio en 24 horas). |
| Start Audio Only Inside Scene | Asegura que el audio solo comience dentro de la sala principal, evitando reproducción en el lobby. |
| Override Audio Settings | Usa audio PannerNode para efectos de sonido espaciales. |
| Enable Proximity | Hace que el audio comience cuando los usuarios se acerquen dentro de un radio definido. |
Agregar PDFs a tu escena
Los PDFs pueden mostrarse como elementos 3D interactivos, permitiendo a los usuarios ver documentos dentro del Metaverso.
Cómo subir PDFs
- Sube un archivo PDF o ingresa un enlace URL en el Panel de Recursos.
- Posiciona el PDF en la escena como un elemento 3D.
- Usa la opción "Use 2D View" para facilitar la navegación del contenido.
🔹 Pro-tip: La vista 2D es útil para documentos largos, permitiendo desplazamiento y zoom.
Con estos elementos 2D, puedes crear experiencias interactivas e inmersivas en XR Creator Studio y dar vida a tu visión en el Metaverso 🚀