本文へスキップ
Unity Tutorial

Crea tu primer boton UI en Unity

Construye un Button sobre un Canvas y ejecuta codigo desde On Click con un metodo simple en C#.

公開日: 2026-05-06#Unity#UI#Button#TextMeshPro
+
*
+
Coco, personaje guia・喜ぶ
Coco
Guia de aprendizaje de game dev
Esta leccion sigue la misma estructura guiada que la version japonesa: vista inicial, dialogo, pasos y cierre practico.
+
*
+
Hajime, personaje aprendiz・混乱
Hajime
Aprendiz principiante de game engines
Quiero entender que hacer primero, que revisar y como comprobar que realmente lo aprendi.
Coco, personaje guia
Es la via mas rapida para entender Canvas, Button, texto y la llamada a metodos desde el Inspector.
Hajime, personaje aprendiz
Revisa objetivo, entrada y criterio de exito
Coco, personaje guia
La leccion se sigue mejor cuando sabes que debe pasar en pantalla y que cuenta como completado.

Resumen de la leccion

Termina primero un resultado que funcione

1.

Objetivo

Es la via mas rapida para entender Canvas, Button, texto y la llamada a metodos desde el Inspector.

2.

Tiempo

20-30 min / Principiante

3.

Resultado

El boton aparece al ejecutar.

Puntos antes de empezar

Revisa objetivo, entrada y criterio de exito

La leccion se sigue mejor cuando sabes que debe pasar en pantalla y que cuenta como completado.

1

Es la via mas rapida para entender Canvas, Button, texto y la llamada a metodos desde el Inspector.

2

Añade un Canvas a la escena y luego un Button con una etiqueta visible.

3

El boton aparece al ejecutar.

1Paso a paso

1
Step 1
Crea el Canvas y el Button
Añade un Canvas a la escena y luego un Button con una etiqueta visible.
2
Step 2
Escribe un manejador pequeño
Crea un script C# con un metodo publico como HandleClick y adjuntalo a un objeto.
3
Step 3
Conecta el evento On Click
En el componente Button agrega el objeto y selecciona el metodo publico.

2Codigo

Button handler
csharp
using UnityEngine;

public class FirstButtonExample : MonoBehaviour
{
    public void HandleClick()
    {
        Debug.Log("Button clicked.");
    }
}

3Checklist

  • El boton aparece al ejecutar.
  • Al pulsarlo se ejecuta el metodo.
  • Entiendes la diferencia entre jerarquia UI y objetos de escena.

4Revision con personajes

Hajime, personaje aprendiz
El boton aparece al ejecutar.
Coco, personaje guia
completa primero la leccion tal como esta y luego cambia un valor o detalle visual para fijar el aprendizaje.
Variacion pequena: completa primero la leccion tal como esta y luego cambia un valor o detalle visual para fijar el aprendizaje.

Siguientes tutoriales

Mezclar UI con un ejemplo 3D simpleUsar UI antes de mas gameplay