Vistas del Editor de Wonderland

Encuentra vistas del editor en la barra de menú superior “Views”.

Vistas Esenciales

Necesitarás las siguientes vistas con mucha frecuencia:

Vistas Adicionales

Herramientas menos utilizadas pero útiles:

Atajos de Teclado Globales

Atajos que funcionan en cualquier parte del editor.

Atajo	Descripción
Ctrl/Cmd + N	Nuevo proyecto
Ctrl/Cmd + O	Abrir proyecto
Ctrl/Cmd + S	Guardar proyecto
Ctrl/Cmd + Shift + S	Guardar proyecto como
Ctrl/Cmd + I	Importar proyecto
Ctrl/Cmd + E	Exportar selección
Ctrl/Cmd + Shift + P	Empaquetar proyecto
F5	Ejecutar (empacar, iniciar servidor y abrir)
F8	Recargar shaders
Ctrl/Cmd + Z	Deshacer última acción
Ctrl/Cmd + Shift + Z	Rehacer última acción deshecha

Vista de Escena

Muestra una vista 3D de la escena del proyecto actual.

Arrastra y suelta un material desde Recursos sobre un objeto para cambiar el material del primer componente de malla. Arrastra y suelta una textura desde Recursos sobre un objeto para establecer la primera ranura de textura del primer material. También puedes arrastrar recursos directamente a los espacios de propiedades de los componentes.

Atajos de Teclado

Atajo	Descripción
Clic Izquierdo del Ratón	Seleccionar solo el objeto bajo el cursor
Shift + Clic Izquierdo del Ratón	Añadir objeto bajo el cursor a la selección
Shift + Ctrl/Cmd + Clic Izquierdo	Ajustar la transformación del objeto seleccionado al objeto bajo el cursor
F	Enfocar objeto seleccionado
Shift + F	Enfocar jerarquía del objeto
B	Herramienta de selección de caja
G	“Agarrar”, cambiar al gizmo de traslación. Cambiará a espacio local, si el gizmo de traslación ya estaba activo.
R	“Rotar”, cambiar al gizmo de rotación. Cambiará a espacio local, si el gizmo de traslación ya estaba activo.
S	“Escalar”, cambiar al gizmo de escalado
Alt + G	Restablecer traslación
Alt + R	Restablecer rotación
Alt + S	Restablecer escalado
Teclado Numérico 5	Alternar vista ortográfica
Ctrl	Al usar un gizmo, habilitará el ajuste mientras se mantenga.
Del	Eliminar objeto seleccionado
Ctrl/Cmd + C	Copiar objeto seleccionado
Ctrl/Cmd + V	Pegar objeto
Ctrl/Cmd + Shift + V	Pegar objeto como hijo del objeto seleccionado
Ctrl/Cmd + D	Duplicar objeto seleccionado
Teclado Numérico 7	Establecer vista hacia abajo
Shift + Teclado Numérico 7	Establecer vista hacia arriba
Teclado Numérico 1	Establecer vista hacia adelante
Shift + Teclado Numérico 1	Establecer vista hacia atrás
Teclado Numérico 3	Establecer vista hacia la izquierda
Shift + Teclado Numérico 3	Establecer vista hacia la derecha
Shift + Alt + S	Simular física

Mientras mantienes Shift + botón derecho del ratón, la navegación por el viewport está habilitada:

Atajo	Descripción
W/A/S/D	Mover Adelante/Izquierda/Abajo/Derecha
Q/E	Mover Arriba/Abajo
Arrastrar	Mirar alrededor

Mientras mantienes presionado el botón central del ratón, estás desplazando la cámara:

Atajo	Descripción
Arrastrar	Desplazar cámara

Navegador de Activos

Muestra archivos en el directorio del proyecto.

Haz clic derecho en el espacio vacío para crear un nuevo componente JavaScript.

Para combinar texturas PBR, selecciónalas y usa Clic Derecho > Herramientas > Combinar texturas PBR.

Haz clic derecho en una carpeta “shaders” para crear shaders personalizados y en una carpeta “plugins” para plugins.

Atajos de Teclado

Atajo	Descripción
F2	Renombrar

Consola

Registra mensajes de eventos actuales en el editor.

Desactiva “Info”, “Advertencias” o “Errores” para ver otros mensajes más claramente.

Esquema de Escena

Muestra la jerarquía de los objetos en la escena.

Arrastra y suelta objetos para cambiar su jerarquía.

Arrastra y suelta objetos desde aquí a los espacios de recursos de objetos en las propiedades de componentes.

Atajos de Teclado

Atajo	Descripción
Del	Eliminar objeto seleccionado
Ctrl/Cmd + C	Copiar jerarquías de objetos
Ctrl/Cmd + Shift + C	Copiar objetos
Ctrl/Cmd + V	Pegar objetos como hermano
Ctrl/Cmd + Shift + V	Pegar objetos como hijo
Ctrl/Cmd + D	Duplicar jerarquías de objetos
Ctrl/Cmd + Shift + D	Duplicar objetos
Ctrl/Cmd + E	Exportar objetos

Propiedades

Muestra las propiedades de los objetos seleccionados.

Para cualquier componente, puedes hacer clic en los tres puntos y se abrirá su documentación en el navegador. También puedes abrir los archivos fuente JavaScript de los componentes desde aquí.

Configuración del Proyecto

Configuraciones para todo el proyecto.

Varía desde configuraciones de renderizado, rutas desde las que se tomarán los archivos JavaScript, configuración de VR y AR, opciones de Física y Tiempo de Ejecución.

Recursos

Muestra tablas para todos los recursos actualmente gestionados en el proyecto.

Contiene opciones adicionales de optimización para algunos recursos, permite renombrar al hacer doble clic en el nombre del recurso, algunos pueden ser eliminados y duplicados haciendo clic derecho en el recurso.

Puedes arrastrar y soltar recursos en las propiedades de los componentes desde aquí.

Puedes arrastrar y soltar materiales y texturas sobre objetos en la Vista de Escena desde aquí.

Datos del Proyecto

Una vista de depuración que muestra los archivos JSON internos del proyecto.

Perfil

Cuando un tiempo de ejecución está activo en un navegador y se puede conectar mediante WebSocket a localhost:8080, el tiempo de ejecución enviará datos de perfilado cada 30 fotogramas. Esto también funciona para clientes Android conectados via adb con el reenvío de puertos habilitado (por ejemplo, para Oculus Quest o smartphones).

Los datos se presentan en esta vista en un gráfico.

Puedes cambiar el tiempo de ejecución conectado mediante el desplegable en la parte superior.

Preferencias

Preferencias globales del editor almacenadas por computadora.

Configura atajos y aprende los disponibles
Activa o desactiva “Recargas de página completas” para desactivar la recarga rápida en tiempo real
Gestiona opciones del servidor (puerto, certificados SSL)
Ajusta opciones de inicio y notificaciones

Plugins

Gestiona plugins para el editor y el proyecto.

Abre desde Views > Plugins. Usa la casilla de “Habilitar plugins para este proyecto” para permitir la ejecución de plugins en el proyecto actual. La vista tiene dos pestañas:

Ámbito del Editor: Plugins integrados o instalados para el editor mismo. Estos típicamente añaden vistas o herramientas que están disponibles sin importar el proyecto actual.
Ámbito del Proyecto: Plugins que son parte de tu proyecto (instalados mediante devDependencies o colocados en la carpeta plugins/). Pueden leer y modificar tus archivos de proyecto y participar en el empaquetado.

Alterna plugins individuales mediante la casilla a la derecha. Algunos plugins pueden requerir una recarga del proyecto después de habilitarlos.

Benchmark

Registra el rendimiento en una escena de benchmark, incluyendo dispositivos externos.

Abre desde Views > Benchmark.
Escoge un archivo de benchmark y selecciona el dispositivo objetivo (local o uno externo adjunto), luego inicia el benchmark. Usa “Actualizar dispositivos” si cambia la lista de tus dispositivos.
Los resultados se resumen en la vista tras la finalización; úsalos para comparar rendimiento entre dispositivos o después de cambios en tu proyecto.

Consejo: También hay una opción de línea de comando para ejecuciones automáticas; ve a la página de comandos del Editor para --benchmark en la CLI de documentos.

Localización

Traduce cadenas de texto en tu proyecto a múltiples idiomas.

Abre desde Views > Localization.
La pestaña “Cadena” muestra términos traducibles encontrados en tu proyecto; usa las casillas para incluirlos.
La pestaña “Idiomas” te permite agregar idiomas y editar traducciones.
Al guardar el proyecto, las traducciones se exportan a JSON en <project-root>/languages/<Scene>/<lang-code>.json, que puedes procesar con herramientas estándar de traducción en la industria. Usa “Reimportar todos” o “Reimportar no predeterminados” para traer de vuelta el JSON editado al proyecto.

Árbol de Recursos

Visualiza qué recursos se referencian entre sí y detecta rápidamente activos no utilizados o inesperadamente vinculados.

Abre desde Views > Resource Tree.
“Solo selección” limita la vista a la selección actual; “Invertir” cambia la dirección del gráfico de referencia.
Expande nodos para inspeccionar relaciones entre objetos, mallas, materiales, pipelines, shaders y más. Usa esto para rastrear dónde se utiliza un recurso antes de eliminarlo o cambiarlo.

Editor de Animación

Edita pistas de animación y agrega marcas de tiempo de “Evento Personalizado”.

Abre desde Views > Animation Editor.
Inserta marcas de evento personalizadas en una pista para emitir eventos durante la reproducción. Tu código de tiempo de ejecución puede escuchar estos eventos para activar señales de juego como pasos, efectos de sonido o adjuntar/desadjuntar elementos.
Atajos de Teclado
Atajo Descripción
Espacio Agregar evento