Introducción a las herramientas de desarrollo para videojuegos
Introducción
Qué son las herramientas de desarrollo
Herramientas más comunes en el mundo del desarrollo de videojuegos
Dibujando en el editor
Sistema IMGUI y Ciclo de vida de Editor
Controles: creando un botón
Creación de toolbar y gui
Gizmos
Handles
Prácticando en el editor
Shortcuts útiles del editor
Context Menus
Menu Item
Herramientas de Editor
Attributes y Property drawers
Iniciando nuestro custom Editor
Serialized properties
Optimizando nuestro custom editor
Guardar y cargar data de herramientas: json, scriptable objects, txt y csv
Encontrar assets para editor window
Editor windows: mostrando datos en el editor
Editor windows: agregando funcionalidades
Cierre del curso
Cierre del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Para quienes buscan personalizar la interfaz gráfica de usuario (GUI, por sus siglas en inglés) en Unity, explorar cómo trabajar con controles básicos es esencial. En este contenido, se describen los pasos fundamentales para utilizar el sistema GUI y el sistema GUILAYOUT, ambos potentes herramientas que proporcionan a los desarrolladores flexibilidad y control sobre sus aplicaciones.
Las RECs nos permiten definir posiciones específicas dentro de la pantalla. Para ilustrar, podemos crear cuatro cajas (o botones) en las cuatro esquinas de la pantalla, utilizando coordenadas precisas. Siguiendo estos pasos, podremos visualizar contenido fijo en diversas partes del interfaz.
// Definiendo una REC en la esquina superior izquierda
Rect topLeft = new Rect(0, 0, 100, 50);
GUI.Box(topLeft, "Arriba Izquierda");
// Definiendo una REC en la esquina inferior izquierda
Rect bottomLeft = new Rect(0, Screen.height - 50, 100, 50);
GUI.Box(bottomLeft, "Abajo Izquierda");
// Definiendo una REC en la esquina superior derecha
Rect topRight = new Rect(Screen.width - 100, 0, 100, 50);
GUI.Box(topRight, "Arriba Derecha");
// Definiendo una REC en la esquina inferior derecha
Rect bottomRight = new Rect(Screen.width - 100, Screen.height - 50, 100, 50);
GUI.Box(bottomRight, "Abajo Derecha");
El sistema GUI de Unity requiere posicionar elementos directamente utilizando coordenadas, mientras que GUILAYOUT se encarga automáticamente del layout sin necesidad de precisar ubicaciones exactas, aunque ambos sistemas no se pueden mezclar fácilmente, ya que se dibujan de manera independiente.
Para ilustrarlo, aquí se crea un botón empleando GUILAYOUT, que se colocará automáticamente donde encuentra espacio:
// Creando un botón con GUI Layout
if (GUILayout.Button("Botón GUILAYOUT"))
{
Debug.Log("Botón presionado");
}
Tras entender las diferencias entre GUI y GUILAYOUT, podemos utilizar un toolbar para alternar entre los dos métodos según la preferencia del desarrollador. Este enfoque nos introduce a cómo implementar controles que facilitan la transición entre ambos sistemas.
// Definiendo una variable para el toolbar
int currentIndex = 0;
// Array con las opciones del toolbar
string[] toolbarOptions = new string[] { "GUI", "GUILAYAT" };
// Construcción del toolbar en el centro de la pantalla
Rect toolbarRect = new Rect(Screen.width / 2 - 50, Screen.height / 2 - 12.5f, 200, 25);
// Crear el toolbar y asignar su valor de retorno
currentIndex = GUI.Toolbar(toolbarRect, currentIndex, toolbarOptions);
// Utilizar el valor para modificar la interfaz
switch (currentIndex)
{
case 0:
// Código para mostrar GUI
break;
case 1:
// Código para mostrar GUILAYOUT
break;
}
Este contenido muestra cómo combinar elementos gráficos en Unity de manera eficaz, optimizando el uso de GUI y GUILAYOUT, gracias a la flexibilidad en la disposición de elementos en pantalla. Al explorar estas técnicas, los desarrolladores ganarán mayor control sobre sus interfaces gráficas, mejorando así la experiencia del usuario final. ¡Continúa explorando las capacidades de Unity para seguir aprendiendo y mejorando tus habilidades como desarrollador!
Aportes 0
Preguntas 1
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?