Controles: creando un botón

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:0010:52

Controles: creando un botón

Curso de Herramientas de Unity

Clase 5 de 20

Clase 5 / 20

Recursos

¿Cómo funcionan los controles en Unity?

Introducirse en el mundo del desarrollo con Unity puede ser emocionante y desafiante al mismo tiempo. Uno de los aspectos más importantes que debes dominar es el uso de controles. Estos son fundamentales para dibujar y crear interfaces interactivas. Existen varios tipos que se pueden utilizar, como botones, deslizadores y cuadros de texto, y la manera en la que los posicionas puede variar. Aprender a usar estos controles correctamente te permitirá crear experiencias de usuario más efectivas y fluidas.

¿Qué es un Rect en Unity?

Unity utiliza un sistema de rectángulos, conocido como Rect, para definir la posición y el tamaño de los controles en pantalla. A diferencia de los sistemas tradicionales donde el origen (0,0) está en la esquina inferior izquierda, en Unity el origen está en la esquina superior izquierda.

X: Avanza hacia la derecha.
Y: Se incrementa hacia abajo.

Este sistema mide distancias en píxeles, lo cual puede necesitar algunos ajustes manuales para posicionar correctamente tus elementos en pantalla. Afortunadamente, Unity ofrece varias funciones útiles para trabajar con Rects, como la localización del centro y la detección de colisiones con otros rectángulos, haciendo el diseño mucho más intuitivo.

¿Qué tipos de interfaces de usuario existen?

Cuando trabajas en Unity, te enfrentarás a dos tipos principales de interfaces al desarrollar GUIs:

GUI Manual: Este tipo de interfaz requiere que definas manualmente la posición, el tamaño, el alto y el ancho de cada elemento. Aunque ofrece un mayor control sobre el diseño, también requiere más tiempo y esfuerzo.
GUI Layout: A diferencia del GUI manual, el GUI layout es un sistema automático que coloca los controles por ti. Es una manera más eficiente de trabajar, pero a costa de tener menos control sobre el diseño exacto.

Ambos sistemas tienen sus pros y contras. Mientras que la intervención manual te ofrece más precisión, el sistema automático acelera el proceso de diseño y permite cambios más rápidos.

¿Cómo crear un botón en Unity?

Crear un botón en Unity es una excelente forma de comenzar a entender la implementación de controles GUI. Aquí te mostramos cómo hacerlo:

using UnityEngine;

public class GUIExamples : MonoBehaviour
{
    void OnGUI()
    {
        // Definir la posición y tamaño del Rect para el botón
        Rect buttonRect = new Rect(0, 0, 100, 50);

        // Crear y mostrar el botón
        if (GUI.Button(buttonRect, "Presionar"))
        {
            Debug.Log("Botón presionado");
        }
    }
}

Rect: El Rect define el área del botón con sus coordenadas (X, Y) y su tamaño (anchura y altura).
GUI.Button: Este método crea el botón y devuelve un booleano. Cuando el botón es presionado, devuelve true, activando cualquier acción dentro de su bloque if.
Debug.Log: Es útil para verificar si el botón está funcionando, imprimirá un mensaje cuando sea presionado.

¿Qué es un GUIContent y cómo se utiliza?

El GUIContent en Unity te permite definir el texto y la imagen que se muestran en un control. Puedes, por ejemplo, añadir una imagen y un texto al mismo tiempo, maximizando la riqueza visual de tu interfaz.

¿Cómo se le da funcionalidad a un botón en Unity?

Para darle funcionalidad a un botón, debes utilizar el valor booleano que devuelve el método GUI.Button cada vez que es presionado:

// Dentro del método OnGUI()
if (GUI.Button(new Rect(0, 0, 100, 50), "Hola Platzi"))
{
    Debug.Log("Botón presionado");
}

Esta sencilla estructura te permite implementar diferentes acciones que se ejecutarán al presionar el botón, como reiniciar un juego, abrir un nuevo menú o actualizar información en pantalla.

No olvides que practicar es esencial para comprender cómo diseñar y programar interfaces efectivas en Unity. Experimenta con diferentes tipos de controles y sistemas para encontrar el que mejor se adapte a tus necesidades. ¡Sigue aprendiendo y mejorando tus habilidades en desarrollo de videojuegos!

Resumen

¿Cómo funcionan los controles en Unity?

¿Qué es un Rect en Unity?

X: Avanza hacia la derecha.
Y: Se incrementa hacia abajo.

¿Qué tipos de interfaces de usuario existen?

Cuando trabajas en Unity, te enfrentarás a dos tipos principales de interfaces al desarrollar GUIs:

GUI Manual: Este tipo de interfaz requiere que definas manualmente la posición, el tamaño, el alto y el ancho de cada elemento. Aunque ofrece un mayor control sobre el diseño, también requiere más tiempo y esfuerzo.
GUI Layout: A diferencia del GUI manual, el GUI layout es un sistema automático que coloca los controles por ti. Es una manera más eficiente de trabajar, pero a costa de tener menos control sobre el diseño exacto.

Ambos sistemas tienen sus pros y contras. Mientras que la intervención manual te ofrece más precisión, el sistema automático acelera el proceso de diseño y permite cambios más rápidos.

¿Cómo crear un botón en Unity?

Crear un botón en Unity es una excelente forma de comenzar a entender la implementación de controles GUI. Aquí te mostramos cómo hacerlo:

using UnityEngine;

public class GUIExamples : MonoBehaviour
{
    void OnGUI()
    {
        // Definir la posición y tamaño del Rect para el botón
        Rect buttonRect = new Rect(0, 0, 100, 50);

        // Crear y mostrar el botón
        if (GUI.Button(buttonRect, "Presionar"))
        {
            Debug.Log("Botón presionado");
        }
    }
}

Rect: El Rect define el área del botón con sus coordenadas (X, Y) y su tamaño (anchura y altura).
GUI.Button: Este método crea el botón y devuelve un booleano. Cuando el botón es presionado, devuelve true, activando cualquier acción dentro de su bloque if.
Debug.Log: Es útil para verificar si el botón está funcionando, imprimirá un mensaje cuando sea presionado.

¿Qué es un GUIContent y cómo se utiliza?

¿Cómo se le da funcionalidad a un botón en Unity?

Para darle funcionalidad a un botón, debes utilizar el valor booleano que devuelve el método GUI.Button cada vez que es presionado:

// Dentro del método OnGUI()
if (GUI.Button(new Rect(0, 0, 100, 50), "Hola Platzi"))
{
    Debug.Log("Botón presionado");
}

Esta sencilla estructura te permite implementar diferentes acciones que se ejecutarán al presionar el botón, como reiniciar un juego, abrir un nuevo menú o actualizar información en pantalla.

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

Controles: creando un botón

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