本文へスキップ
Roblox Tutorial

Membuat tombol GUI yang mengubah teks di Roblox Studio

Gunakan ScreenGui, TextButton, TextLabel, dan LocalScript untuk membuat interaksi UI pertama.

公開日: 2026-05-06#Roblox#GUI#LocalScript#Luau
+
*
+
Coco, karakter pemandu・喜ぶ
Coco
Pemandu belajar game dev
Pelajaran ini memakai struktur layar terpandu yang sama seperti versi Jepang: pembuka visual, dialog karakter, langkah, dan penutup praktis.
+
*
+
Hajime, karakter pelajar・混乱
Hajime
Pemula yang belajar game engine
Aku ingin tahu apa yang harus dibuat lebih dulu, apa yang perlu dicek, dan bagaimana memastikan aku benar-benar paham.
Coco, karakter pemandu
Ini cara tercepat untuk memahami dasar UI Roblox: tempat object GUI berada, kenapa LocalScript penting, dan bagaimana tombol mengubah teks.
Hajime, karakter pelajar
Periksa tujuan, input, dan tanda keberhasilan
Coco, karakter pemandu
Pelajaran lebih mudah diikuti ketika kamu tahu apa yang harus terlihat di layar dan apa yang dianggap selesai.

Ringkasan pelajaran

Selesaikan dulu satu hasil yang benar-benar bekerja

1.

Tujuan

Ini cara tercepat untuk memahami dasar UI Roblox: tempat object GUI berada, kenapa LocalScript penting, dan bagaimana tombol mengubah teks.

2.

Waktu

20-30 min / Pemula

3.

Hasil

GUI muncul saat runtime.

Sebelum mulai

Periksa tujuan, input, dan tanda keberhasilan

Pelajaran lebih mudah diikuti ketika kamu tahu apa yang harus terlihat di layar dan apa yang dianggap selesai.

1

Ini cara tercepat untuk memahami dasar UI Roblox: tempat object GUI berada, kenapa LocalScript penting, dan bagaimana tombol mengubah teks.

2

Buat ScreenGui lalu taruh TextButton dan TextLabel.

3

GUI muncul saat runtime.

1Langkah demi langkah

1
Step 1
Bangun GUI di StarterGui
Buat ScreenGui lalu taruh TextButton dan TextLabel.
2
Step 2
Tulis LocalScript
Dengarkan MouseButton1Click dan simpan counter lokal.
3
Step 3
Perbarui label
Ubah TextLabel.Text setelah setiap klik agar feedback langsung terlihat.

2Kode

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

  • GUI muncul saat runtime.
  • Counter berubah setiap klik.
  • Kamu paham kenapa LocalScript adalah tempat yang tepat.

4Ulasan karakter

Hajime, karakter pelajar
GUI muncul saat runtime.
Coco, karakter pemandu
selesaikan dulu tutorial persis seperti petunjuknya, lalu ubah satu nilai atau detail UI agar pemahamannya lebih menempel.
Variasi kecil: selesaikan dulu tutorial persis seperti petunjuknya, lalu ubah satu nilai atau detail UI agar pemahamannya lebih menempel.

Tutorial berikutnya