Interfaz de usuario

El Editor XR proporciona una interfaz de usuario flexible que puedes adaptar a tu preferencia, facilitando el trabajo de edición. Ofrecemos diseños predefinidos y opciones de panel para personalizar tu UI.

Barra de herramientas

Menús desplegables

La primera fila de menús desplegables proporciona una variedad de opciones para gestionar tu proyecto.

1. Project: incluye opciones para guardar, exportar y publicar tu proyecto.

• Home: te lleva de vuelta a la página principal del Editor XR, donde se muestran todos tus proyectos.

• Save Project: usa esta opción para almacenar los cambios actuales en tu proyecto sin publicarlo.

• Publish: tiene como fin crear un Verso único a partir de tu proyecto, completo con una URL única que te permite crear portales.

• Import Project: permite importar un archivo .mud que contiene un proyecto preexistente y todos sus archivos.

• Export Project: crea un archivo .mud que puede ser importado en otra cuenta del XR Creator. Es útil para guardar versiones antiguas de proyectos o compartir un proyecto con otra persona.

2. Edit: esta opción desplegable te permite deshacer o rehacer cambios en los proyectos.

• Undo: revierte cambios en el proyectos.

• Redo: rehace cambios en el proyecto.

3. Select: selecciona elementos en el visor.

• Select all objects: selecciona todos los objetos en el visor.

• Duplicate selection: duplica los objetos seleccionados.

• Focus selection: acerca/enfoca la vista en el visor en el objeto seleccionado.

4. View: usa este menú para abrir paneles que has cerrado previamente como el panel de propiedades, archivos, consola y la jerarquía o para cambiar el diseño del editor a uno de los diseños predefinidos. También para ver el viewport en pantalla completa.

5. Run: ejecuta una vista pevia de tu Verso o verifica el estado de tu proyecto.

• Start preview: ejecuta tu código o visualiza la escena en el visor de forma cercana a como se vería en el metaverso. Esto es crucial sobre todo para probar el código personalizado.

• Health check: ejecuta el rendimiento de tu proyecto/Verso, te permite ver cómo se desempeñará tu escena una vez publicada en el metaverso.

6. Help: proporciona acceso a documentos e información de ayuda.

• Tutorial: abre un tutorial interactivo que te guía a través de los conceptos básicos del editor.

• Keyboard and Mouse Control: proporciona información sobre cómo funcionan los controles en el editor.

• Get Support: usa esta opción para contactar a nuestro equipo si tienes algún problema o pregunta sobre el editor.

• Documentation: esta opción te lleva a la documentación con información más detallada sobre el editor XR.

Elementos

Los elementos son los bloques básicos de construcción en el Editor XR. Aquí encontrarás luces, medios, colisionadores y todo tipo de objetos.

1. Basic

• Behaviour: te permite insertar código personalizado en el editor para mejorar las funcionalidades de los elementos del proyecto.

• Group: crea un grupo de objetos que pueden ser movidos o duplicados juntos. Arrastra y suelta objetos en el elemento de Group que este elemento crea en la Jerarquía.

• Ground Plane: genera un suelo plano que se extiende hacia la distancia.

• Model: añade un elemento 3D a tu proyecto. Puedes cambiar la URL para cargar un archivo GLTF o GLB.

• NPC Model: añade un modelo 3D a tu escena conectado a chatgpt que funciona como un NPC. Puedes cambiar la URL para usar un modelo propio y añadir propiedades adicionales.

• Primitive Mesh: añade un bloque básico para construir objetos 3D complejos.

• Spawner: crea un modelo interactivo que otros usuarios pueden copiar. Puedes cambiar la URL para modificar tu generador.

2. Media

• Audio: te permite cargar audio dinámicamente. Cambia la URL en las propiedades para cargar el audio.

• Audio Zone: define un área 3D donde se anulan los parámetros de audio para las fuentes de audio contenidas.

• Image: te permite cargar una imagen dinámicamente. Cambia la URL en las propiedades para cargar la imagen.

• Link: puede usarse para crear un portal a una sala, escena o enlazar un sitio web.

• PDF: te permite cargar PDFs dinámicamente. Cambia la URL en las propiedades para cargar el PDF.

• Text: crea un elemento de texto 3D. Puedes cambiar el texto predeterminado en el panel de propiedades.

• Video: te permite cargar videos dinámicamente. Cambia la URL en las propiedades para cargar el video.

3. Lights

• Ambient Light: añade una luz que ilumina todos los objetos en el visor.

• Directional Light: añade una luz que ilumina toda el verse pero emite en una sola dirección.

• Hemisphere Light: añade una luz que ilumina la escena desde directamente arriba.

• Point Light: añade una luz que emite en todas las direcciones desde un solo punto.

• Spot Light: añade una luz que emite en una dirección, iluminando objetos dentro de un cono.

4. Colliders

• Box Collider: crea una caja invisible con la que los objetos rebotarán o se apoyarán.

• Media Frame: añade un marco donde las personas pueden posicionar y capturar archivos.

• Nav Mesh: establece una superficie caminable en tu proyecto publicado.

• Snap Colliders: añade una capa invisible donde puedes adherir objetos cuando se publiquen. Está especialmente diseñado para adherir objetos a las paredes.

• Trigger Volume: establece una propiedad en el objeto seleccionado al entrar y salir.

5. Environment

• Mirror: renderiza un espejo plano que refleja otros objetos 3D.

• Particle Emitter: crea un elemento que genera partículas en la escena.

• Skybox: crea una visualización de un cielo abierto y atmósfera alrededor de tu escena. Puedes cambiar la configuración para reflejar la hora del día.

• Spawn Point: crea el punto donde las personas aparecerán cuando entren en tu escena. El icono en el visor representa el tamaño real de un avatar.

• Way Point: crea un punto donde las personas pueden teletransportarse. Si se cambia, puede funcionar para teletransportar personas a asientos.

• Water: renderiza un plano de agua.

Herramientas de transformación

• Translate/traslación [T]: muestra el gizmo de traslación, te permite arrastrar las flechas para mover el objeto a lo largo del eje X, Y o Z.

También puedes mover objetos usando la herramienta de agarre. Mientras los objetos están seleccionados, presiona G para agarrar el objeto, mueve el ratón en la viewport y haz click para colocar el objeto en la escena. Presiona Esc o G nuevamente para cancelar la operación actual de agarre.

• Rotate/Rotar [R]: muestra el gizmo de rotación, arrastra los anillos del gizmo para rotar el objeto a lo largo del eje X, Y o Z.

• Scale/Escalar [Y]: muestra el gizmo de escala, arrastra el cubo central del gizmo para escalar el objeto hacia arriba o hacia abajo.

Herramientas de la cuadrícula/grid

• Toggle Transform Space/Activar el espacio de transformación [tecla Z]: cambia el gizmo de transformación para que esté orientado a las coordenadas XYZ del espacio vs las XYZ del objeto. Realmente no verás una diferencia hasta que gires el objeto. Por ejemplo, gira un coche 45 grados. Luego, para mover el objeto hacia adelante, querrás cambiar al eje local del objeto.

• Transform Pivot/Pivote de transformación [tecla X]: a veces, colocar un objeto puede ser complicado si el punto de pivote del modelo está configurado incorrectamente. Puedes cambiar cómo se calcula el pivote usando este menú desplegable. Puede configurarse en el centro, la base o la selección.

• Toggle Snap mode/Activar modo de alineación [tecla C]: a veces, es posible que desees mover un objeto con una posición o rotación precisa. Para hacer esto, activa el modo de alineación haciendo click en el icono del imán. Puedes configurar la alineación de la translación y la rotación utilizando los menús desplegables.

• Controles del modo de alineación: determinan cuán precisas son tus herramientas de transformación.

• Toggle Grid Visibility/Activar la visibilidad del grid: muestra/oculta la cuadrícula en el plano 3D. En el modo de placement, los objetos se pueden colocar unos encima de otros o encima de la cuadrícula. Al construir verticalmente, puede ser útil cambiar la altura de la cuadrícula.

  • Presiona = para aumentar la altura de la cuadrícula
  • Presiona - para disminuir la altura de la cuadrícula

Renderizado

• Render mode: te permite controlar cómo se muestran o mezclan los elementos en el visor. Puedes alternar entre varios modos como sin iluminación, iluminado, sombras, wireframe o normal para mostrar sombras y otros efectos visuales.

• Viewport Overlays: muestra ayudas visuales adicionales en el viewport, incluyendo guías de interacción, estadísticas e indicadores de ejes. Estas superposiciones proporcionan información contextual para ayudarte a comprender y manipular mejor tu proyecto.

• Play Mode: te permite previsualizar scripts. También puedes escuchar el audio, reproducir videos y ver animaciones para ver cómo se desempeñarán en tiempo real.

Publicar

Presiona este botón para desplegar tu proyecto en el metaverso. Al hacer click en ‘Deploy to Metaverse’ se abrirá el cuadro de diálogo de publicación, permitiéndote editar los detalles de tu escena antes de publicarla. Más adelante, este botón también te permitirá crear versos para ver cualquier cambio que realices en tus proyectos en el metaverso.

Panel del visor

El viewport/visor muestra una vista previa de tu escena donde puedes seleccionar y mover objetos.

Ten en cuenta que lo que esté mostrando el visor al publicar la escena será tomado como la imagen en miniatura de la escena.

Selección de objetos

Puedes seleccionar objetos haciendo click en ellos (mantén presionada la tecla Shift para seleccionar varios objetos).

Movimiento de la cámara

Manten presionado el click izquierdo y arrastra para orbitar alrededor de tu escena. Mantén presionado el click derecho del ratón para entrar en el modo de vuelo, donde puedes usar el ratón para mirar alrededor de la escena y las teclas WASD para mover la cámara. Presiona la tecla F para enfocar los objetos seleccionados.

Gizmo de transformación

Cuando tengas uno o más objetos seleccionados, aparecerá el gizmo de transformación.

Panel de Jerarquía

Los objetos que agregas a la escena aparecen en el panel de jerarquía/Hierarchy. Haz doble click en el objeto para enfocarlo en el visor. Puedes arrastrar objetos dentro del panel de jerarquía para reorganizarlos o cambiar su jerarquía. También puedes arrastrar y soltar elementos desde el panel de activos y archivos desde tu computadora en el panel de jerarquía para agregarlos a tu escena.

Panel de propiedades

Las propiedades adicionales del objeto se pueden configurar en el panel de propiedades. Esto incluye cosas como sombras, color de la luz y más.

Los objetos se agregan a Creator y se pueden personalizar cambiando sus propiedades. Diferentes tipos de objetos tienen diferentes propiedades disponibles (por ejemplo, una luz tendrá una propiedad de "intensidad", pero un modelo 3D no). La mayoría de los objetos tendrán propiedades de transformación, que representan la posición física en el espacio.

Propiedades del root

• Background Color: te permite cambiar el color de fondo de tu escena. Por lo general, el cambio aparece detrás del skybox.

• Scene Type: te permite elegir entre una escena de VR, MR y AR. La opción VR es completamente inmersiva, permitiéndote abrir una escena del metaverso en cualquier dispositivo inmersivo. la opción AR crea experiencias de realidad aumentada, activando el movimiento y la cámara del dispositivo. La opción MR es una combinación de ambos.

• Fog Type: Creator proporciona dos tipos de niebla. En la niebla lineal puedes especificar la distancia mínima y máxima, las áreas que estén más cerca que la distancia mínima no aparecerán alteradas; aquellos que estén más lejos de la distancia máxima aparecerán con el color de la niebla. En la niebla exponencial solo se especifica la densidad, debes poner un valor muy pequeño para poder ver distancias más lejanas.

• Invisible Avatars: diseñada específicamente para tours en 360 grados te permite ocultar los avatars dentro del verso. Cuando activas esta función, los avatars se vuelven invisible para evitar que los usuarios se acumulen en espacios de 360 grados cuando no pueden moverse.

• Override Audio Settings: te permite modificar el comportamiento del audio para toda la escena, además de habilitar ajustes para diferentes tipos de audio dentro de la escena.

Panel de archivos

Puedes encontrar contenido para agregar a tu escena en el panel de archivos. Puedes hacer click en los elementos para agregarlos a la escena. También se pueden arrastrar desde el panel de archivos y soltar en el visor, el panel de jerarquía.

En el lado izquierdo del panel de archivos hay una lista de recursos:

• Assets: Sube y busca tus propios modelos 3D, imágenes, videos y audio.

• Architecture Kit: El Kit de Arquitectura contiene piezas que se pueden unir para construir una amplia variedad de estructuras. Este kit contiene suelos, paredes, escaleras y más.

• Rock Kit: El Kit de Rocas contiene una colección de modelos de rocas realistas que se pueden usar para agregar detalles al terreno, construir plataformas o cualquier otra cosa que necesites una roca.

• Sketchfab: Sketchfab es un mercado en línea para modelos 3D. Contiene una amplia variedad de modelos de alta calidad para ayudarte a completar tu escena.

• Sound pack: Contiene una fuente de sonidos ambientales disponibles públicamnete.