5. GUI Skin | Pemrograman Permainan dengan UNITY

Sebelum melanjutkan materi, silahkan sediakan beberapa objek seperti file gambar, suara, dan font.

Buatlah project baru di Unity atau cukup scene baru saja (jika masih ingin menggunakan project dari materi sebelumnya). Tambahkan sebuah GUISkin dengan cara klik menu Assets -> Create -> GUISkin. Beri nama BelajarGUISkin.

Setelah itu tambahkan beberapa Assets yang sudah diunduh tadi seperti assets untuk tombol (beberapa template gambar button berekstensi png) dan assets font.

Untuk melakukan import Assets, dapat dilakukan dengan beberapa cara, salah satunya dengan cara klik menu Assets -> Import New Assets atau dengan drag filenya langsung dari Windows Explorer. Pastikan semua assets yang akan digunakan sudah di-import.

Berikutnya kita kembali ke Skin BelajarGUISkin yang tadi kita buat. GUI Skin memiliki 2 jenis font, Ada font global yang letaknya di panel paling atas, dan ada font lokal yang berada di setiap parameter GUI. Ubah font khusus button dengan drag file font pada Assets ke Button -> Overflow. Atau klik tombol kecil di sebelah kanan kolom Font lalu browse, cari Font pada Asset.

Lalu ubah Font Size menjadi 24.

Berikutnya ganti background pada Button.
Ganti Background pada Toggle (dengan cara drag & drop):

1.      Button -> Normal

2.      Button -> Hover

3.      Button -> Active

Berikutnya pada Button, istilah Toggle mungkin agak kurang familiar. Sebagian orang lebih mengenalnya dengan istilah Checkbox. Pada Contoh kali ini, toggle dimanfaatkan untuk pengaturan suara.
Ganti Background pada Toggle:
1.   Toggle -> Normal
2.   Toggle -> Hover
3.   Toggle -> Active
4.   Toggle -> On Normal
5.   Toggle -> On Hover
6.   Toggle -> On Active

Berikutnya ganti background pada Button.
Ganti Background pada Button:
1.   Button -> Normal
2.   Button -> Hover
3.   Button -> Active

Buat script C# baru dan beri nama MenuSkin.cs dan edit file menjadi seperti berikut:

Pasang script MenuSkin.cs pada GameObject (misalnya MainCamera), lalu pasang parameter mySkin dengan BelajarGUISkin.

Jika tidak ada kesalahan, selanjutnya jalankan Game, contoh tampilan saat game dijalankan seperti gambar di bawah ini

Itu saja yang dapat saya sampaikan. Silahkan komentar jika ada yang ingin ditanyakan.
Mampir juga ke web Universitas Budi Luhur: www.budiluhur.ac.id
Universitas Terbaik di Jakarta 😄