Unity Tutorial

Membuat tombol UI pertamamu di Unity

Bangun Button di atas Canvas dan jalankan kode dari On Click dengan method C# sederhana.

公開日: 2026-05-06#Unity#UI#Button#TextMeshPro

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

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.

Ini jalur tercepat untuk memahami dasar UI Unity: Canvas, Button, teks, dan event Inspector.

Periksa tujuan, input, dan tanda keberhasilan

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

Tujuan

Ini jalur tercepat untuk memahami dasar UI Unity: Canvas, Button, teks, dan event Inspector.

Waktu

20-30 min / Pemula

Hasil

Tombol 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.

Ini jalur tercepat untuk memahami dasar UI Unity: Canvas, Button, teks, dan event Inspector.

Tambahkan Canvas ke scene lalu buat Button dengan label yang mudah dibaca.

Tombol muncul saat runtime.

1Langkah demi langkah

Step 1

Buat Canvas dan Button

Tambahkan Canvas ke scene lalu buat Button dengan label yang mudah dibaca.

Step 2

Tulis handler kecil

Buat script C# dengan method public seperti HandleClick lalu pasang ke object.

Step 3

Hubungkan event On Click

Di komponen Button, tambahkan object dan pilih method public tadi.

2Kode

Button handler

csharp

using UnityEngine;

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

3Checklist

Tombol muncul saat runtime.
Klik tombol menjalankan method.
Kamu memahami perbedaan object scene dan hierarchy UI.

4Ulasan karakter

Tombol muncul saat runtime.

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

Gabungkan UI dengan contoh 3D sederhana Gunakan pengetahuan UI sebelum gameplay lain