Belajar GUI Skin pada Unity

Pertemuan ke-6 Pemrograman Permainan

Sebelum membuat GUI pada unity, silahkan sediakan beberapa objek seperti file gambar, suara, dan font, atau Anda dapat mengunduh file-file tersebut di Internet Browser Asset Store yang tersedia di Unity.
  1. Buatlah Project baru pada unity.
  2. Tambahkan sebuah GUISkin dengan cara klik menu Assets -> Create -> GUISkin. Beri nama "BelajarGUISkin"
  3. Setelah itu tambahkan beberapa Assets yang sudah diunduh tadi seperti assets untuk tombol (beberapa template gambar button berekstensi png) dan assets font.
  4. 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.
  5. Berikutnya kita kembali ke Skin “BelajarGUISkin” yang tadi kita buat. 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.
  6. Berikutnya ganti background pada Button. Ganti Background pada Toggle seperti gambar berikut.
  7. Berikutnya ganti background pada Button. Ganti Background pada Button seperti gambar berikut.
  8. Buat script C# baru dan beri nama MenuSkin.cs dan edit file menjadi seperti berikut.
  9. Pasang script MenuSkin.cs pada GameObject (misalnya MainCamera), lalu pasang parameter mySkin dengan BelajarGUISkin.
  10. Jika tidak ada kesalahan, selanjutnya jalankan Game, contoh tampilan saat game dijalankan seperti gambar di bawah ini
Cukup Sekian materi ini tunggu materi selanjutnya yaaa.












Komentar

Posting Komentar

Postingan populer dari blog ini

Belajar Menggunakan Karakter 3D dari Unity Asset Store dan Animasinya pada Unity

Gambar
Pertemuan ke-13 Pemrograman Permainan Silahkan unduh / copy Assets yang dibutuhkan dari beberapa sumber berikut: Assets yang dibutuhkan adalah: Standard-Assets.unitypackage (Terdapat di Asset Store) Character Pack: Free Sample (Terdapat di Unity Asset Store) Buka kembali Projek unity 3D terrain sebelumnya lalu import Standard-Asset dan Character Pack ke dalam projek tersebut. Kemudian masukkan karakter ke dalam terrain yang terdapat dalam folder Supercyan Character Pack Free Sample -> Prefabs -> Simple Movement -> Mobile dan pilih MobileMaleFreeSimpleMovement1 Selanjutnya masukkan prefab FreeLookCameraRig yang terdapat dalam folder Standard Assets -> Cameras -> Prefabs ke dalam Terrain lalu hapus MainCamera dan ubah tag FreeLookCameraRig menjadi MainCamera.   Berikutnya pada tab Inspector ubah target menjadi MobileMaleFreeSimpleMovement1 sehingga kamera akan berada tepat dibelakang karakter.   Untuk menggerakkan karakter mengg...
Baca selengkapnya

Belajar Simple Animation di Unity

Gambar
Pertemuan ke-10 Pemrograman Permainan Buatlah project baru di Unity atau cukup scene baru saja jika masih ingin menggunakan project yang sudah digunakan dalam materi sebelumnya. Tambahkan sebuah Plane dengan cara klik menu GameObject -> 3D Obect -> Plane . Tambahkan sebuah Cube dangan cara klik menu GameObject -> 3D Obect -> Cube dan tempatkan Cube sedikit di atas Plane agar terlihat. Selanjutnya tampilkan jendela Animation dengan cara klik menu Window -> Animation . Rencananya kita akan membuat 3 animasi yang berbeda untuk si Cube.   Untuk membuat animasi, yang pertama harus dilakukan adalah membuat sebuah file *.anim yang berisi sebuah animasi. Caranya, klik GameObject Cube pada tab Hierarchy, klik jendela Animation dan klik Create. Lalu ketikan nama animasinya, misalnya: Animasi1.anim   Pastikan tombol record (tombol merah di pojok kiri atas) telah diklik yang menandakan Unity telah siap melakukan rekaman pergerakan apapun ter...
Baca selengkapnya

Belajar UI System di Unity

Gambar
Pertemuan ke-11 Pemrograman Permainan Buatlah project baru di Unity atau cukup scene baru saja jika masih ingin menggunakan project yang sudah digunakan dalam materi sebelumnya. Tambahkan sebuah Plane dengan cara klik menu GameObject -> UI -> Panel . 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 seperti di bawah ini.  Selanjutnya kita akan membuat tombol. Caranya klik menu GameObject -> UI -> Button . Pasang Button sebagai child dari Panel dengan cara drag langsung pada tab Hierarchy. Selanjutnya buat sebuah InputField dengan cara klik menu GameObject -> UI-> InputField . GameObject ini berfungsi untuk menerima inputan dari user. Tempatkan Inputfield pada panel dan ...
Baca selengkapnya