GUI Skin

Assalamualaikum Warahmatullahi Wabarakatuh

Kali ini saya akan  menjelaskan tutorial tentang GUI Skin dan Memanipulasi kamera pada Unity, yuks langsung saja disimak yaaaa...

1. Seperti biasa buka aplikasi Unity terlebih dahulu dan buat project sesuai nama yang diinginkan.

2. Sediakan beberapa objek seperti file gambar, suara, dan font atau Anda dapat mengunduh file-file pada link Asset Image pada gambar di bawah ini.

https://drive.google.com/drive/folders/1T0EOd3K89PYJA-xDiUP3bFk8GWhZp5dJ?usp=sharing

3. Tambahkan sebuah GUISkin dengan cara klik menu Assets -> Create -> GUISkin. Beri nama "BelajarGUISkin"

4. 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, ada beberapa cara yang pertama 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, contohnya seperti dibawah ini:

5. 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, ubah Font Size menjadi 24.

6. Berikutnya ganti background pada Button.

Ganti Background pada Toggle:
Button -> Normal
Button -> Hover
Button -> Active

7. Berikutnya pada Toggle, Pada Contoh kali ini, toggle dimanfaatkan untuk pengaturan suara.

Ganti Background pada Toggle:
Toggle -> Normal
Toggle -> Hover
Toggle -> Active
Toggle -> On Normal
Toggle -> On Hover
Toggle -> On Active

8. Kemudian buat script C# baru dan beri nama MenuSkin.cs lalu ketik script seperti berikut:

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

10. Jika sudah lalu kalian play dan hasilnya akan seperti dibawah ini:

Sekian dulu tutorial dari saya tentang GUISkin, nantikan tutorial selanjutnya dari saya yaa, Terima kasih Semua...

Jika kalian ingin mengetahui info tentang Universitas Budi Luhur maka bisa mengunjungi website di bawah ini


www.budiluhur.ac.id