Optimizando nuestro custom editor

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:0014:21

Optimizando nuestro custom editor

Curso de Herramientas de Unity

Clase 15 de 20

Clase 15 / 20

Recursos

¿Cómo se puede personalizar el inspector en Unity?

Al trabajar en proyectos dentro de Unity, personalizar el inspector puede mejorar significativamente la experiencia del usuario y del diseñador. Personalizar el inspector permite mostrar únicamente los elementos y propiedades relevantes, lo que facilita el manejo y edición del contenido de manera eficaz.

¿Cómo se inicia el proceso de dibujo en el inspector?

Para comenzar a personalizar el inspector, debemos asegurarnos de que las propiedades estén almacenadas correctamente. Podemos ir al "modo debug" en Unity para revisar que la información se guarde de forma adecuada, aunque no se vea en la interfaz gráfica mientras estemos en modo normal. El siguiente paso es trabajar en el código para empezar a dibujar el inspector de manera más visual y funcional.

A continuación, utilizamos GUILayout para que el proceso de diseño sea más sencillo. Por ejemplo, podemos crear un object field que nos permita ingresar referencias, como al agregar un ícono al sprite renderer. Esto se logra pasando una propiedad específica al object field y configurando un GUIContent vacío para la estética del inspector.

// Crear un Object Field para la propiedad del ícono
icon = (Sprite)EditorGUILayout.ObjectField("", icon, typeof(Sprite), false);

¿Cómo se puede mostrar una vista previa del ícono en Unity?

Para enriquecer visualmente nuestro inspector, es útil mostrar una vista previa del ícono. Unity ofrece diversas clases que permiten obtener vistas previas de los thumbnails y assets. Utilizamos AssetPreview para obtener una imagen 2D del ícono a manejar.

// Obtener la preview del ícono como textura
Texture2D iconPreview = AssetPreview.GetAssetPreview(icon);

Posteriormente, se dibuja la textura usando EditorGUI para que se vea claramente en el inspector. Así se puede evaluar si el ícono está en el formato deseado.

// Dibujar la textura del ícono en el inspector
GUILayout.Label(iconPreview, GUILayout.Width(100), GUILayout.Height(100));

¿Cómo organizar los elementos en el inspector?

La disposición de los elementos es crucial para una interfaz de usuario eficiente. Se puede utilizar GUILayout para crear grupos de controles, organizando los elementos de manera horizontal o vertical según se necesite.

// Crear un grupo horizontal para alinear elementos
GUILayout.BeginHorizontal();
GUILayout.EndHorizontal();

Este tipo de organización garantiza una disposición clara y lógica de la información, permitiendo que los diseñadores comprendan rápidamente qué propiedades se deben ajustar.

¿Cómo gestionar el cambio de propiedades y el sistema de guardado?

Al trabajar con propiedades editables en el inspector, es crucial gestionar correctamente sus cambios para asegurar que cualquier modificación sea guardada adecuadamente. Esto se logra actualizando el objeto serializado cada vez que se edita el GUI.

// Actualizar y aplicar cambios al objeto serializado
serializedObject.Update();
EditorGUILayout.PropertyField(property);
serializedObject.ApplyModifiedProperties();

Adicionalmente, se puede implementar un sistema de decisiones mediante un switch statement para seleccionar qué propiedades visualizar según el tipo de objeto definido. Esto permite un inspector dinámico y flexible que soluciona problemas comunes al diseñar elementos interactivos.

¿Qué ventajas tiene personalizar el inspector?

La personalización del inspector en Unity no solo mejora la visualización del contenido, sino que también optimiza el flujo de trabajo para los diseñadores:

Eficiencia: Permite acceso directo a propiedades sin necesidad de complicadas navegaciones.
Claridad: Solo se muestran propiedades relevantes para el tipo de objeto.
Flexibilidad: Adaptable a diferentes tipos de datos y estructuras, como sprites, texturas, entre otros.
Prevención de errores: Reduce la posibilidad de que los diseñadores introduzcan valores incorrectos al mostrar solo las opciones pertinentes.

Al integrar estos ajustes en proyectos más grandes, se fortalece la colaboración en equipos de desarrollo, permitiendo que los diseñadores se concentren en los aspectos creativos sin preocuparse por detalles técnicos innecesarios. Este impulso en la productividad y claridad se traduce en productos finales de mayor calidad.

Resumen

¿Cómo se puede personalizar el inspector en Unity?

¿Cómo se inicia el proceso de dibujo en el inspector?

// Crear un Object Field para la propiedad del ícono
icon = (Sprite)EditorGUILayout.ObjectField("", icon, typeof(Sprite), false);

¿Cómo se puede mostrar una vista previa del ícono en Unity?

// Obtener la preview del ícono como textura
Texture2D iconPreview = AssetPreview.GetAssetPreview(icon);

Posteriormente, se dibuja la textura usando EditorGUI para que se vea claramente en el inspector. Así se puede evaluar si el ícono está en el formato deseado.

// Dibujar la textura del ícono en el inspector
GUILayout.Label(iconPreview, GUILayout.Width(100), GUILayout.Height(100));

¿Cómo organizar los elementos en el inspector?

// Crear un grupo horizontal para alinear elementos
GUILayout.BeginHorizontal();
GUILayout.EndHorizontal();

Este tipo de organización garantiza una disposición clara y lógica de la información, permitiendo que los diseñadores comprendan rápidamente qué propiedades se deben ajustar.

¿Cómo gestionar el cambio de propiedades y el sistema de guardado?

// Actualizar y aplicar cambios al objeto serializado
serializedObject.Update();
EditorGUILayout.PropertyField(property);
serializedObject.ApplyModifiedProperties();

¿Qué ventajas tiene personalizar el inspector?

La personalización del inspector en Unity no solo mejora la visualización del contenido, sino que también optimiza el flujo de trabajo para los diseñadores:

Eficiencia: Permite acceso directo a propiedades sin necesidad de complicadas navegaciones.
Claridad: Solo se muestran propiedades relevantes para el tipo de objeto.
Flexibilidad: Adaptable a diferentes tipos de datos y estructuras, como sprites, texturas, entre otros.
Prevención de errores: Reduce la posibilidad de que los diseñadores introduzcan valores incorrectos al mostrar solo las opciones pertinentes.

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

Optimizando nuestro custom editor

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