Monday, April 6, 2020

GUI SKIN

Seperti biasa buatlah sebuah projek unity dengan nama apa saja atau bisa juga teman- teman menggunakan scene dari projek sebelumnya .

Tambahkan sebuah GUISkin dengan cara klik kanan pada menu Assets -> Create -> GUISkin dan silakan beri nama “BelajarGUISkin” .



Kemudian Silakan download beberapa assets yang sudah saya sediakan Klik

Buat Folder berinama image

Kemudian Impor semua assets yang telah kalian download dengan cara klik kanan -> Import New Asset atau bisa juga dengan drag And Drop

Berikutnya kita kembali ke Skin “BelajarGUISkin” barusan telah dibuat.

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 sebelaha kanan kolom Font lalu browse, cari Font pada Asset, Lalu ubah Font Size menjadi 24.


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


Contoh Pencarian Gambar


Ganti Background pada Toggle:
1.Toggle -> Normal

2.Toggle -> Hover

3.Toggle -> Active

5.Toggle -> On Hover

4.Toggle -> On Normal

5. Toogle -> On Hover

6.Toggle -> On Active



jika sudah selesai lalu buat folder scrip dan buat script C# beri nama "MenuSkin" Assets->Creat->C#
Kemudian Ketik Scrip Berikut



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





Jika sudah, jalankan game dan kalau tidak ada error akan tampil seperti di bawah ini.


Kunjungi https://www.budiluhur.ac.id/