Menyesuaikan UI

Apa itu UI

UI adalah singkatan dari User Interface. Dalam game, seperti tombol tembak, minimap, dan crosshair — semuanya merupakan bagian dari UI game.

Singkatnya, UI adalah cara Anda berkomunikasi dengan permainan.

Membuat tombol yang mengeluarkan suara

Mari kita membuat tombol yang mengeluarkan suara saat diklik.

Memasuki editor UI

Pertama, Anda perlu masuk ke editor UI dari “Lainnya” - “Sesuaikan UI”, tempat Anda akan membuat UI.

gambar-20250410105044685

gambar-20250410111319600 gambar-20250410111716960

Pada antarmuka manajemen UI, Anda dapat mengganti nama, menyalin, dan menghapus seluruh UI di 1., mengedit logika blockscript di 2., atau mengedit berbagai elemen pada UI di 3.

Kita belum memiliki elemen apa pun, jadi mari langsung ke editor tata letak dari 3.

Tambahkan widget tombol

Dalam penyuntingan tata letak, bagian tengah adalah kanvas UI kita, dan sudut kiri bawah adalah tempat kita dapat menempatkan elemen pada kanvas. Ada empat jenis elemen: teks, gambar, tombol, dan node kosong. Kita menyebut elemen UI ini dengan fungsi tertentu sebagai widget.

gambar-20250410111939776

Pilih tombol di sudut kiri bawah, dan tombol dasar akan muncul di tengah kanvas.

gambar-20250410113617807

Panel kanan menunjukkan berbagai pengaturan untuk tombol tersebut. Dalam kasus ini, kita tidak perlu menyesuaikan pengaturan untuk tombol tersebut. Di sisi kiri terdapat panel untuk melihat semua level widget UI, yang saat ini hanya berisi tombol yang baru saja kita tambahkan.

Menambahkan teks tombol

Berikutnya, kita akan menambahkan widget teks. Saat Anda menambahkan widget teks, Anda mungkin memperhatikan bahwa widget tersebut muncul di bawah atau di level yang sama dengan tombol.

gambar-20250410115458438

Widget teks yang kita tambahkan mungkin berada di bawah level tombol atau pada level yang sama dengan tombol. Hal ini karena saat Anda mengklik di area kiri bawah untuk menambahkan widget, jika Anda telah memilih tombol, widget baru akan ditambahkan di bawah level tombol; jika tidak ada widget yang dipilih, widget baru akan dibuat di level atas.

Perubahan yang dilakukan pada widget induk juga akan memengaruhi widget turunannya, seperti memindahkan, mengubah skala, menghapus, atau menutup tampilan. Namun, penyesuaian pada widget turunan tidak disinkronkan dengan widget induk.

Kita perlu teks untuk menjadi anak tombol, jadi kita perlu memilih tombol sebelum membuatnya.

gambar-20250410120434466

Selanjutnya, pilih teks dan ubah teks di sebelah kanan, misalnya, “Tekan saya”:

gambar-20250410120839364

Bagaimana jika widget ditumpuk satu di atas yang lain dan saya tidak dapat memilihnya? Klik beberapa kali untuk memilih widget di posisi saat ini secara berurutan.

Anda juga dapat memilih widget yang Anda inginkan secara langsung melalui menu hierarki sebelah kiri.

Aksesibilitas

Editor UI memiliki fitur aksesibilitas yang sangat berguna di sudut kanan bawah:

gambar-20250410121054381

Di sebelah kanan terdapat opsi “Undo” dan “Redo”. Jika Anda melakukan kesalahan, kedua fungsi ini dapat membantu Anda kembali ke jalur yang benar.

Mengklik tombol kiri akan menampilkan UI default pada kanvas sebagai referensi, yang dapat digunakan untuk membantu Anda menyesuaikan widget UI khusus.

gambar-20250410121256871

Mari gunakan fungsi ini untuk menempatkan tombol yang baru dibuat di bawah bilah senjata:

gambar-20250410121336163

Editor skrip

Tombol telah dibuat, tetapi perilaku “tekan untuk mengeluarkan suara” memerlukan logika khusus. Saat ini, kita perlu kembali ke halaman sebelumnya dan memilih Skrip Baru untuk membantu kita menerapkan logika ini.

gambar-20250410121610013 gambar-20250410121839989

Seret “Saat tombol ditekan” ke kanvas:

gambar-20250410122101008

Ingat apa yang perlu kita lakukan? Kita perlu pemain mendengar efek audio saat mereka menekan tombol. Cari “Buat Efek Suara” di menu sebelah kiri:

gambar-20250410122404756

gambar-20250410122419492

gambar-20250410122430819

Kami menemukan bahwa blok “Buat efek suara” memerlukan beberapa parameter yang diperlukan agar dapat berjalan, yaitu:

  1. Untuk pemain mana efek suara akan dimainkan

  2. Efek suara apa yang akan diputar?

  3. Apakah efek suara akan diputar secara berulang

  4. Apakah efek suara akan mulai diputar segera setelah dibuat

Anda membutuhkan:

  1. Seret pemain pemicu dari blok acara merah ke parameter pertama
gambar-20250410142504114
  1. Klik parameter kedua dan pilih jenis efek suara di bilah rekomendasi yang muncul di sebelah kiri. Setelah memasukkan jenis efek suara, klik jenis efek suara di blok Buat Efek Suara, dan UI pemilihan efek suara akan muncul. Pilih efek suara yang Anda suka — misalnya, “Reaksi” dari kategori efek suara widget UI.
gambar-20250410142900404 gambar-20250410143243908 gambar-20250410143357531 gambar-20250410143551695
  1. Klik pada parameter tipe loop, pilih tipe loop di sebelah kiri, lalu pilih Putar sekali. Bayangkan jika Anda memainkan efek suara berulang setiap kali Anda mengklik tombol.
gambar-20250410143825362 gambar-20250410143902325
  1. Pilih Benar untuk parameter Putar Otomatis
gambar-20250410143934246

Sejauh ini, kita telah membuat UI khusus, dan kini tinggal selangkah lagi dari langkah terakhir: cara membuka UI khusus ini.

Membuka dan menutup UI khusus

Meskipun UI khusus telah dibuat, kita perlu membuka dan menutupnya pada waktu yang tepat.

Pertama masuk ke editor skrip global:

gambar-20250410144339832 gambar-20250410144354378

Pilih “Saat pemain bergabung” di kategori acara

gambar-20250410144512998

Di kategori game, pilih “Buat UI khusus”

gambar-20250410144612637 gambar-20250410144622733

Seperti skrip untuk UI itu sendiri, skrip blok untuk membuat UI kustom ini juga memerlukan beberapa parameter untuk dijalankan.

  1. Untuk pemain mana untuk membuka UI khusus

  2. UI kustom mana yang ingin Anda buka

Anda membutuhkan:

  1. Seret pemain dari acara ke parameter pertama:
gambar-20250410144805756
  1. Jika Anda memiliki beberapa UI khusus, pilih salah satu yang baru saja kita buat:
gambar-20250410144818986

Selanjutnya, pilih blok tunggu kategori game

gambar-20250410145006578 gambar-20250410145029538

Waktu tunggu ditetapkan pada 30.000 milidetik, yaitu 30 detik

gambar-20250410145120619

Dalam kategori fisik, pilih hancurkan blok

gambar-20250410145311612 gambar-20250410145327754

Seret entitas yang dikembalikan dalam blok Buat UI kustom ke blok penghancuran ini

gambar-20250410145419057

Dan selesai!

Memengaruhi

Sekarang kami telah menciptakan tombol yang mengeluarkan suara saat diklik, dan logika untuk mengontrol apakah tombol tersebut dinyalakan atau dimatikan.

Ini akan dibuat saat pemain bergabung dan dihancurkan 30 detik setelah pembuatan.

Mari klik debug untuk melihat efeknya.

gambar-20250410145535032 gambar-20250410145547072 gambar-20250410145616858

Catatan: Jika Anda memilih pemutaran berulang untuk efek suara atau durasi setiap pemutaran sangat panjang, mengklik tombol ini berulang kali akan menyebabkan efek suara diputar satu demi satu, menyebabkannya saling tumpang tindih atau diputar dalam suksesi cepat.