Fondo de la GUI
Color del telón de fondo, degradados, ajustes preestablecidos y una imagen de fondo totalmente posicionable.
Cuando no tienes nada seleccionado en el lienzo, el Inspector cambia al fondo de la GUI: un telón de fondo a pantalla completa que se sitúa detrás de todo tu diseño. Se guarda por diseño y viaja con tu exportación, de modo que cada parte de tu GUI dx dispone de un escenario coherente sobre el que asentarse. Esta página recorre cada sección y control, y detalla exactamente qué piezas se incluyen en tu exportación y cuáles son solo un acabado de vista previa.
Para abrir estos controles, haz clic en el lienzo vacío de modo que no haya nada seleccionado: el Inspector muestra entonces el fondo de la GUI en lugar de las propiedades de un elemento.
Qué es el fondo de la GUI
El fondo de la GUI es una única capa de telón de fondo que se renderiza detrás de todo el diseño. Se almacena por diseño y se exporta con él, así que no es una preferencia global del editor: cada diseño conserva su propio telón de fondo. Está construido a partir de cuatro capas apiladas que controlas de forma independiente: un color de telón de fondo sólido, un degradado, una imagen de fondo y un par de acentos esmerilado y grano.
Telón de fondo
La sección Telón de fondo es el relleno base detrás de todo lo demás.
- Activar: enciende o apaga la capa de telón de fondo.
- Color base: el color de relleno sólido, con alfa, para que puedas hacerlo totalmente opaco, semitransparente o transparente.
Degradado
La sección Degradado pinta una mezcla de colores sobre el telón de fondo para dar profundidad y ambiente.
- Activar: enciende o apaga el degradado.
- 2 colores o 3 colores: elige una mezcla de dos o tres paradas.
- Dirección: haz que el degradado corra en vertical u horizontal.
- Radial (brillo central): cambia a una mezcla radial que brilla desde el centro hacia afuera en lugar de una dirección lineal.
Diseños preestablecidos
Seis diseños preestablecidos de un solo clic te dan un degradado terminado al instante. Elige uno y luego ajusta los colores si quieres.
Imagen de fondo
La sección Imagen de fondo te permite importar una imagen de portada o de personaje desde tu PC y colocarla detrás del diseño. Elige cómo rellena la pantalla con un modo de ajuste.
| Ajuste | Qué hace |
|---|---|
| Cubrir | Escala la imagen para rellenar toda la pantalla, recortando el excedente para evitar bordes vacíos. |
| Contener | Escala la imagen para que quepa completamente dentro de la pantalla, de modo que se vea la imagen entera. |
| Estirar | Estira la imagen a las dimensiones exactas de la pantalla, ignorando su relación de aspecto. |
| Libre | Te da control manual completo sobre la posición y el tamaño (ver abajo). |
Modo libre
En el modo Libre controlas por completo la colocación de la imagen con cuatro deslizadores (Posición X, Posición Y, Ancho y Alto), expresados como un porcentaje de la pantalla, de modo que la imagen se mantiene en su sitio en diferentes resoluciones. Dos botones de ayuda lo completan.
- Posición X / Posición Y: dónde se sitúa la imagen, como % de la pantalla.
- Ancho / Alto: el tamaño de la imagen, como % de la pantalla.
- Centrar: devuelve la imagen al medio de la pantalla.
- Restablecer: restaura la posición y el tamaño del modo Libre.
Cuando cambias a Libre, la posición y el tamaño se inicializan a partir del ajuste actual, de modo que la imagen no salta: empiezas exactamente donde Cubrir, Contener o Estirar la dejaron y ajustas desde ahí.
Opacidad y eliminación de la imagen
- Opacidad: un deslizador que atenúa la imagen sobre las capas que hay debajo de ella.
- Eliminar: quita la imagen importada del fondo.
Esmerilado y grano
La sección Esmerilado y grano añade dos acentos de acabado: un desenfoque esmerilado y una superposición de ruido/grano. Estos son solo de vista previa: te ayudan a juzgar el aspecto dentro de Easelt Builder pero no se exportan con tu diseño.
Qué se exporta frente a qué es solo de vista previa
Solo una parte del fondo de la GUI viaja a tu diseño exportado. Ten presente esta división para que las vistas previas coincidan con el resultado final.
| Capa | ¿Se exporta? | Notas |
|---|---|---|
| Color del telón de fondo | Sí | El relleno base, incluyendo el alfa, se incluye con el diseño. |
| Degradado | Sí | Tu degradado, preestablecido o personalizado, se exporta. |
| Imagen de fondo | Sí | La imagen se incluye en la carpeta assets/ junto con el diseño. |
| Desenfoque esmerilado | No | Acento solo de vista previa. |
| Superposición de grano | No | Acento solo de vista previa. |
El desenfoque esmerilado y la superposición de grano son solo para vista previa: no aparecerán en tu exportación. Todo lo que quieras dentro del juego debe residir en el color del telón de fondo, el degradado o la imagen, y la imagen se escribe en assets/.