UI en Unity: Canvas, Event System y texto dinámico

Construye interfaces funcionales con Canvas, botones y texto dinámico para comunicar estado, progreso y acciones del jugador.

¿Cuánto sabes de Unity?

📘 Teoría

Canvas y jerarquía de interfaz

Sin estructura de UI, la experiencia se vuelve confusa aunque la jugabilidad sea buena.

El Canvas define el espacio de render de la interfaz y puede operar en Screen Space u otros modos según necesidad.

Organiza paneles por responsabilidad (`HUD`, `MenuPausa`, `GameOver`) para evitar prefabs de UI monolíticos.

Mantener nombres claros y anclajes correctos facilita adaptar diseño a diferentes resoluciones.

Canvas = raíz del sistema UI.
Paneles por función para mantener orden.
Anclajes y escalado revisados desde inicio.

Event System y botones interactivos

Una UI útil responde de forma predecible y comunica claramente cada acción.

El Event System enruta entrada del usuario a controles UI activos en pantalla.

En botones puedes enlazar acciones desde Inspector o por script con `onClick.AddListener`.

Evita lógica pesada dentro de callbacks de UI; delega a clases de flujo para mantener limpieza arquitectónica.

Actualizar puntos y conectar botón

using UnityEngine;
using UnityEngine.UI;
using TMPro;

public class HudController : MonoBehaviour
{
    public TextMeshProUGUI textoPuntos;
    public Button botonReiniciar;

    void Start()
    {
        botonReiniciar.onClick.AddListener(ReiniciarNivel);
        ActualizarPuntos(0);
    }

    public void ActualizarPuntos(int puntos)
    {
        textoPuntos.text = "Score: " + puntos;
    }

    private void ReiniciarNivel()
    {
        Debug.Log("Reiniciar nivel");
    }
}