本文へスキップ
Roblox Tutorial

Crear un boton GUI que actualiza texto en Roblox Studio

Usa ScreenGui, TextButton, TextLabel y un LocalScript para crear tu primera interaccion de UI.

公開日: 2026-05-06#Roblox#GUI#LocalScript#Luau
+
*
+
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 forma mas rapida de entender la UI de Roblox: donde viven los objetos GUI y por que LocalScript importa.
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 forma mas rapida de entender la UI de Roblox: donde viven los objetos GUI y por que LocalScript importa.

2.

Tiempo

20-30 min / Principiante

3.

Resultado

La GUI aparece al iniciar.

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 forma mas rapida de entender la UI de Roblox: donde viven los objetos GUI y por que LocalScript importa.

2

Crea un ScreenGui con un TextButton y un TextLabel.

3

La GUI aparece al iniciar.

1Paso a paso

1
Step 1
Construye la GUI en StarterGui
Crea un ScreenGui con un TextButton y un TextLabel.
2
Step 2
Escribe el LocalScript
Escucha MouseButton1Click y guarda un contador local.
3
Step 3
Actualiza la etiqueta
Cambia TextLabel.Text tras cada click para dar feedback inmediato.

2Codigo

LocalScript example
lua
local screenGui = script.Parent
local clickButton = screenGui:WaitForChild("ClickButton")
local statusLabel = screenGui:WaitForChild("StatusLabel")
local clicks = 0

clickButton.MouseButton1Click:Connect(function()
    clicks += 1
    statusLabel.Text = ("Clicked %d times"):format(clicks)
end)

3Checklist

  • La GUI aparece al iniciar.
  • El contador cambia al pulsar.
  • Entiendes por que LocalScript es el lugar correcto.

4Revision con personajes

Hajime, personaje aprendiz
La GUI aparece al iniciar.
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