Editor windows: agregando funcionalidades

Contenido del curso

Introducción a las herramientas de desarrollo para videojuegos

Dibujando en el editor

Prácticando en el editor

Herramientas de Editor

Cierre del curso

20
Cierre del curso
01:10 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0013:39

Editor windows: agregando funcionalidades

Curso de Herramientas de Unity

Clase 19 de 20

Clase 19 / 20

Recursos

¿Cómo mostrar información de un 'item' en Unity?

Para mostrar la información de un 'item' en Unity, es crucial no solo obtener el 'current item' sino también asegurarse de que no sea nulo. A partir de aquí, se puede empezar a dibujar en la interfaz, creando una nueva área basada en la posición de una existente. Es importante verificar la nulidad del item antes de continuar, asegurando una interfaz más robusta.

¿Cómo definir un área de edición para los items?

Crear una nueva rectángulo, item edit rec, vacío con coordenadas específicas.
Establecer la posición utilizando la propiedad xmax del área de scroll anterior.
Ajustar el tamaño restando el width del scroll, maximizando el uso del espacio disponible con márgenes definidos a gusto.
Probar la visualización utilizando un botón de prueba dentro de la GUI.

var itemEditRec = new Rect(new Vector2(scrollRec.xMax, scrollRec.yMin), new Vector2(scrollWidth / 3, 200));

¿Cómo se configuran áreas en Unity?

Una vez definida nuestra nueva área, se puede proceder a trabajar con un Backing Area en Unity. Para mostrar propiedades se utiliza un Serialize Object, lo cual facilita manejar y exponer los datos que sean inherentes a nuestras propiedades de item.

var so = new SerializedObject(currentItem);
var property = so.FindProperty("item");

¿Cómo modificar propiedades específicas en el UI?

Modificar ciertas propiedades sin permitir el cambio completo es fundamental para una buena experiencia de usuario. Aquí te muestro cómo lograrlo:

Desactivar cambios no deseados

Se utiliza la función de GUI.enabled para desactivar temporalmente la edición de ciertas propiedades, ofreciendo algo de control al usuario solo sobre elementos específicos.

GUI.enabled = false;
EditorGUILayout.PropertyField(property);
GUI.enabled = true;

Cambiar solo ciertos campos

Para el precio de un item, se puede usar un int slider, delimitando valores mínimos y máximos.
Para la descripción, se utiliza un text area, facilitando una vista y edición más extensa.

int price = EditorGUILayout.IntSlider("Price", currentItem.item.price, 100, 1000);
string description = EditorGUILayout.TextArea(currentItem.item.description);

¿Cómo manejar los cambios?

Unity permite un sistema de persistencia de cambios que es intuitivo y fácil de usar:

Empezar y finalizar un check de cambios utilizando EditorGUI.BeginChangeCheck() y EndChangeCheck().
Si hay cambios, se debe alertar sobre los cambios no guardados usando EditorUtility.SetDirty(currentItem).
Implementar la función Undo.RecordObject() para permitir deshacer cambios accidentales.

EditorGUI.BeginChangeCheck();
// Cambios en las propiedades
if (EditorGUI.EndChangeCheck())
{
    Undo.RecordObject(currentItem, "Changed Price or Description");
    currentItem.item.price = price;
    currentItem.item.description = description;
    EditorUtility.SetDirty(currentItem);
}

Explorando y configurando adecuadamente la edición de items en Unity permite una flexibilidad y eficiencia esenciales para cualquier proyecto. Aprovecha estas herramientas y sigue experimentando para optimizar tu flujo de trabajo.

Resumen

¿Cómo mostrar información de un 'item' en Unity?

¿Cómo definir un área de edición para los items?

Crear una nueva rectángulo, item edit rec, vacío con coordenadas específicas.
Establecer la posición utilizando la propiedad xmax del área de scroll anterior.
Ajustar el tamaño restando el width del scroll, maximizando el uso del espacio disponible con márgenes definidos a gusto.
Probar la visualización utilizando un botón de prueba dentro de la GUI.

var itemEditRec = new Rect(new Vector2(scrollRec.xMax, scrollRec.yMin), new Vector2(scrollWidth / 3, 200));

¿Cómo se configuran áreas en Unity?

var so = new SerializedObject(currentItem);
var property = so.FindProperty("item");

¿Cómo modificar propiedades específicas en el UI?

Modificar ciertas propiedades sin permitir el cambio completo es fundamental para una buena experiencia de usuario. Aquí te muestro cómo lograrlo:

Desactivar cambios no deseados

Se utiliza la función de GUI.enabled para desactivar temporalmente la edición de ciertas propiedades, ofreciendo algo de control al usuario solo sobre elementos específicos.

GUI.enabled = false;
EditorGUILayout.PropertyField(property);
GUI.enabled = true;

Cambiar solo ciertos campos

Para el precio de un item, se puede usar un int slider, delimitando valores mínimos y máximos.
Para la descripción, se utiliza un text area, facilitando una vista y edición más extensa.

int price = EditorGUILayout.IntSlider("Price", currentItem.item.price, 100, 1000);
string description = EditorGUILayout.TextArea(currentItem.item.description);

¿Cómo manejar los cambios?

Unity permite un sistema de persistencia de cambios que es intuitivo y fácil de usar:

Empezar y finalizar un check de cambios utilizando EditorGUI.BeginChangeCheck() y EndChangeCheck().
Si hay cambios, se debe alertar sobre los cambios no guardados usando EditorUtility.SetDirty(currentItem).
Implementar la función Undo.RecordObject() para permitir deshacer cambios accidentales.

EditorGUI.BeginChangeCheck();
// Cambios en las propiedades
if (EditorGUI.EndChangeCheck())
{
    Undo.RecordObject(currentItem, "Changed Price or Description");
    currentItem.item.price = price;
    currentItem.item.description = description;
    EditorUtility.SetDirty(currentItem);
}

Introducción a las herramientas de desarrollo para videojuegos

Cómo crear herramientas propias en Unity

Qué son las herramientas en Unity

Herramientas comunes para crear videojuegos

Dibujando en el editor

Ciclo de vida del editor en Unity IMGUI

Controles: creando un botón

GUI.Box y Rects en las esquinas de pantalla

Gizmos en Unity para depurar IA visual

Handles para mover waypoints en Unity

Prácticando en el editor

Shortcuts útiles del editor

Menús contextuales en el Inspector de Unity

Menús personalizados con MenuItem en Unity

Herramientas de Editor

Cómo crear PropertyDrawers en Unity

Crea una base de datos RPG con Scriptable Objects

Serialized properties

Optimizando nuestro custom editor

Guardar y cargar data de herramientas: json, scriptable objects, txt y csv

Crea una Editor Window con AssetDatabase

Scroll view con botones en Unity Editor

Editor windows: agregando funcionalidades

Cierre del curso

Cierre del curso

Editor windows: agregando funcionalidades

Progreso del curso

Introducción a las herramientas de desarrollo para videojuegos

Dibujando en el editor

Prácticando en el editor

Herramientas de Editor

Cierre del curso

Recursos

Recursos