🎯 Tujuan

Tujuan utama dari membuat Scroll Rect di Unity 2D adalah untuk menyediakan area yang dapat digulir (scrollable), agar konten yang besar atau panjang dapat dilihat oleh pengguna tanpa memenuhi layar secara penuh.

⏰ Konteks

Scroll Rect di Unity 2D biasanya digunakan dalam UI (User Interface) atau antarmuka pengguna, terutama untuk menampilkan daftar konten atau elemen UI yang tidak dapat sepenuhnya dimuat di layar dalam satu tampilan.

🪵 Hal yang Diperlukan

  1. Unity
  2. Rect Mask 2D
  3. Scroll Rect
  4. Grid Layout Group

📹 Video Tutorial

https://youtu.be/KQBqAiNUKU4

📋 Langkah-Langkah

  1. Buat empty Object (Object 1) dan tambahkan Rect Mask 2D.
  2. Di dalam Object 1, tambahkan empty Object lain (Object 2), dan tambahkan Scroll Rect.
  3. Di dalam Object 2, tambahkan lagi empty Object (Object 3), lalu tambahkan Grid Layout Group.
  4. Pada Object 1, uncheck Rect Mask 2D terlebih dahulu saat dalam masa pembuatan.
  5. Pada bagian Scroll Rect di Inspector Object 2, assign “Content” ke Object 3.
  6. Tambahkan konten-konten untuk scrollable di Object 3 (gunakan Ctrl+D untuk menduplikasi sebagai dummy asset jika diperlukan).
  7. Pastikan ukuran Object 3 sesuai dengan konten, tidak terlalu besar atau kecil (ukuran harus pas).
  8. Di Grid Layout Group pada Object 3, atur tinggi, lebar konten, jarak antar konten, dan jumlah kolom per baris.