GUI Skin Pada Unity

Kunjugi Budi Luhur University 
pada kali ini kita akan membahas tentang GUI Skin.
GUI Skin sendiri adalah bagaimana tampilan GUI selama permainan berjalan. Mungkin kita sering melihatnya tetapi tidak mengetahui apa nama tersebut.

Gambar diatas ialah contoh GUI Skin, dimana setiap tombol memiliki asset sendiri yang dapat diubah dan digunakan kembali.

Untuk mengetahui lebih lanjut apa dan bagaimana membuat GUI Skin, mari ikuti langkah berikut.
apabila belum mengikuti penjelasan sebelumnya, silahkan klik disini.

1. Membuat Scene Baru

Agar tidak bertumpukan dengan penjelasan sebelumnya , maka kita akan buat scene baru dengan cara klik kanan pada Project Window > Create > Scene. kemudian beri nama GUISkin

2. Buat GUI Skin


Untuk membuat GUI Skin adalah dengan klik kanan pada folder Assets > Create >GUI Skin.

3. Import Gambar Untuk GUI Skin

Silahkan Siapkan gambar yang ingin digunakan sebagai tombol pada GUI ataupun aktor
Kemudian import ke dalam project

4. Setting Font 

Jika sudah lakukan tahap sebelumnya, maka kita akan mengatur font pada GUI Skin.
disini terdapat dua jenis font, yaitu font global dan font yang ada pada setiap parameter GUI.
Font Global ada pada baris teratas, sedangkan pada setiap elemen terdapat dibawah overflow. mungkin pada elemen lain berbeda.

untuk memilih font, cukup tekan bulatan pinggir dan akan muncul dialog untuk memilih font.
disini kita akan memilih font FORTE untuk elemen Button. kemudian ubah font size menjadi 24.

5. Mengganti Background Button

setiap elemen memiliki beberapa kondisi, maka itu perlu diubah menyesuaikan kondisi yang akan dilakukan. kita akan mengubah background button ketika normal, hover dan active.

6. Mengubah Toggle Background

kita akan memanfaatkan toggle untuk control suara pada GUI skin kali ini. untuk itu, elemen toggle perlu diganti dengan icon sound.
Ubah pada setiap kondisi toggle.

7. Buat Script 

untuk mengontrol kondisi, kita memerlukan script. untuk itu silahkan membuat script c# dengan nama menuSkin.cs
ubah isi Script menjadi seperti berikut.

pada baris 12 apabila game dijalankan, maka akan mengubah nilai toggle
pada baris 13, 16, dan 19 merupakan script untuk menampilkan Button
pada baris 14, 17 dan 20 akan menampilkan respon pada setiap Button yang ditekan

setelah selesai, maka drag drop file script ke main camera pada hierarcy.
untuk mengaktifkan GUI Skin yang sudah dibuat. maka harus dipilih file GUI Skin tersebut dengan cara, membuka jendela inspector main camera kemudian pilih elemen script Menu Script dan tekan bulatan disebelahnya untuk memilih.

8. Hasil

apabila tidak terjadi kesalahan, maka akan menampilkan GUI seperti berikut.
dan apabila setiap Button ditekan, maka akan memberikan response

Sampai bertemu di penjelasan selanjutnya !

Postingan populer dari blog ini

Terrain pada Unity

Gambar
Kunjugi  Budi Luhur University   pada kali ini kita akan mencoba membuat sebuah desa dengan asset yang sudah kita ambil dari Asset Store Unity. bagi yang belum memiliki Asset tersebut, bisa membuka link dibawah ini. https://assetstore.unity.com/packages/essentials/tutorial-projects/viking-village-29140 Jika sudah, kita akan membuat sebuah Scene dengan nama "Cobaterain" 1. Buat Scene sama seperti penjelasan sebelumnya, untuk membuat scene dapat dilakukan dengan cara klik kanan pada project window>create>scene jika berhasil maka akan muncul scene seperti ini 2. Buat Terrain Kosong untuk membuat terrain dapat dilakukan dengan cara klik kanan pada hierarcy window > 3D Object > Terrain. Jika berhasil maka akan muncul terrain baru pada hierarcy window. 3. Buat Layout Desa disini kita akan mencoba membuat layout desa dengan menambahkan rumput dan jalan setapak sehingga akan terlihat lebih jelas objek apa yang akan kita buat. disini ...
Baca selengkapnya

Interaksi Objek dengan Unity

Gambar
Kunjugi  Budi Luhur University   Pada penjelasan kali ini akan dibahas mengenai bagaimana cara melakukan interaksi sederhana pada Unity. Pada Unity dapat melakukan interaksi dengan objek melalui dua cara, yaitu dengan memasang script langsung pada objek, atau memasang script pada objek lain untuk digunakan pada objek yang dituju. pada kesempatan ini kita akan mempelajari kedua cara tersebut. agar lebih jelas, maka kita akan mencoba mempraktikan langkah demi langkahnya. Jika belum mengikuti penjelasan sebelumnya, silahkan klik disini. 1. Buat 3D Object Pertama, Buat 3D Objek Kubus dengan cara Klik kanan pada hierarcy > 3D Object > Cube maka akan terbentuk kubus pada layar. 2. Duplikat Object Setelah membuat objek kubus, maka kita perlu menduplikat objek tersebut agar dapat melihat perbedaan pada setiap script. pada unity, menduplikat objek dapat dilakukan dengan select objek kemudian menekan ctrl + d pada pengguna windows. setelah diduplikat, ma...
Baca selengkapnya

Input Mouse dan KeyBoard dengan Unity

Gambar
Kunjugi  Budi Luhur University   pada kali ini kita akan mempelajari bagaimana cara menangkap dan menggunakan input dari Mouse dan Keyboard. Pada setiap game PC pada umumnya akan menggunakan Keyboard ataupun Mouse. Mungkin dapat menggunakan peripheral tambahan, tetapi pada kali ini kita tidak akan menjelaskanya. Mouse Pada umumnya Mouse memiliki 3 tombol utama, yaitu kiri, tengah, dan kanan. ada juga tipe mouse gaming yang memiliki lebih dari tombol tersebut. kita dapat menangkap dan menggunakan aksi pada setiap tombol yang ditekan. untuk mencoba melakukanya, mari kita buat contoh. apabila belum mengikuti penjelasan sebelumnya, silahkan klik  disini. 1. Membuat File Script Kita bebas memberikan nama pada file Script. disini kita berikan nama "inputMouse" 2. Inisialisasi Variabel Kita inisialisasi teks1 sampai 4 untuk menampung respon dari tiap tindakan yang diambil. jmlScroll untuk menghitung berapa kali kita menggunakan scroll pada suatu arah,...
Baca selengkapnya