Membuat GUI Skin, Unity


Assalamu'alaikum.wr.wb.


   Sebelumnya perkenalkan, saya Ainayah Julia. Mahasiswa Budi Luhur budiluhur.ac.id, semester 6. Kali ini saya membuat tutorial GUI Skin pada aplikasi Unity.
  •           Buatlah project baru di Unity atau cukup scene baru saja
  • 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 sebelaha kanan kolom Font lalu browse, cari Font pada Asset.
  • Lalu ubah Font Size menjadi 24.




Berikutnya ganti background pada Button. Ganti Background pada Button:
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



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.



·        

Komentar

Posting Komentar

Postingan populer dari blog ini

Karakter dan Animasi 3D

Gambar
Materi kali ini kita akan membahas tentang bagaimana menggerakkan karakter 3D dalam unity. Seperti pada materi sebelumnya, kita akan memanfaatkan beberapa Assets yang sudah tersedia dan “meramunya” menjadi sebuah game yang menarik. Assets yang dibutuhkan adalah: Standard-Assets.unitypackage Kiky Si Kancil.unitypackage   Buatlah Project 3D baru di Unity. Import package Standard-Asset, kemudian tambahkan sebuah Terrain yang memiliki texture rumput. Baca materi sebelumnya jika lupa bagaimana melakukan import dan membuat Terrain dengan texture rumput. Cari folder Characters pada Assets, pilih folder ThirdPersonCharacter , pilih Prefabs dan masukkan prefab ThirdPersonController ke dalam Scene. Selanjutnya tambahkan prefabs FreeLookCameraRig yang bisa didapatkan pada folder Prefabs di dalam folder Cameras. Sebelumnya, hapus dulu object Main Camera pada Hierarchy karena fungsi kamera akan kita ganti menggunakan FreeLookCameraRig ini. Klik prefabs FreeL...
Baca selengkapnya

Terrain 3D

Gambar
Buatlah Project 3D baru di Unity. Berikan nama untuk project (bebas apa saja). Sekali lagi pastikan pilihan 3D aktif. Jika project sudah dibuat, import package standar Unity. Ada dua cara untuk melakukan import package Unity Menggunakan window  Asset Store  (Ctrl+9) (harus terhubung dengan internet) budiluhur.ac.id Menggunakan window  Asset Store  (Ctrl+9) Import menggunakan cara ini mewajibkan kita terhubung ke Internet karena Unity akan langsung mengakses assetstore.unity.com dan menampilkannya pada window ini.  Kita bisa melakukan pencarian dan langsung klik import di Asset yang kita pilih, dengan sekejap Unity akan meletakkan Asset pada project yang sedang kita buat. Berikut nya silakan mengimport package yang sudah terdownload Setelah proses impor selesai, tambahkan sebuah terrain dengan cara klik menu  GameObject -> 3D Object -> Terrain . Jika tidak terjadi kesalahan, maka sebuah terrain kosong berukuran 500×500 pixel akan muncu...
Baca selengkapnya

UI System

Gambar
Buatlah project baru di Unity atau cukup scene baru saja jika masih ingin menggunakan project yang sudah digunakan dalam materi sebelumnya. Tambahkan sebuah  panel  dengan cara klik menu  GameObject -> UI -> Panel .  budiluhur.ac.id Semua object UI memiliki satu mekanisme unik yang disebut dengan Anchor. Misalnya untuk panel yang baru saja kita pasang. Kita bisa melihatnya pada panel Transform bahwa secara default Anchor yang dimilikinya adalah Strecth x Strecth. Gunakan Hand Tool standar atau tambahkan klik Kanan untuk mendapatkan pandangan Scene tambahkan klik Kanan  Anchor tersebut akan membuat panel yang dibuat akan ikut membesar secara horizontal dan vertikal sesuai dengan ukuran layar game. Kita bisa mengubah jenis Anchor dengan klik kotak penanda Anchor. Misalnya mengubah pilihan pada Top x Left kemudian geser panelnya pada ujung kiri atas. Pilihan ini akan membuat panel ‘menempel’ pada posisi kiri atas Canvas. Tak peduli ukuran lay...
Baca selengkapnya