Cara membuat GUI pada Unity

-
Assalamualaikum Warahmatullahi Wabarakatuh

Kali ini saya akan memberikan tutorial cara pembuatan GUI pada unity engine, menambahkan gambar serta font yang ingin digunakan
Silahkan disimak penjelasan nya sebagai berikut

Sebelum memulai, silahkan sediakan beberapa objek seperti file gambar, suara, dan font, atau Anda dapat mengunduh file-file pada link Asset Image pada gambar di bawah ini.

 Buatlah project baru di Unity atau cukup scene baru saja (jika masing ingin menggunakan project dari materi sebelumnya).

❑ 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 Toggle:
1. Button -> Normal
2. Button -> Hover
3. Button -> Active

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


Sekian tutorial dari saya, semoga bermanfaat :)
Jika kalian ingin mengetahui lebih banyak tentang pembuatan game kalian bisa daftar di Universitas Budi Luhur
Wassalamu'alaikum Warahmatullahi Wabarakatuh.

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara membuat dan menggunakan prefab pada unity

-
Gambar
Assalamu'alaikum Warahmatullahi Wabarakatuh Kali ini saya akan memberi tutorial cara membuat dan menggunakan prefab pada unity Silahkan disimak penjelasan nya sebagai berikut  Prefab merupakan sebuah GameObject yang disimpan ke dalam Assets, yang nantinya bisa dimanfaatkan menjadi GameObject kembali. Idenya game yang akan dibuat kali ini cukup sederhana yaitu membuat Prefab dari sebuah GameObject dan mendaftarkannya sebagai sebuah variable public agar dapat dibuat ulang berkali kali oleh fungsi pemanggil. Fungsi ini merupakan salah satu fungsi yang sering digunakan dalam pembuatan game. Buatlah project baru di Unity Pastikan Project yang digunakan adalah Game 3D. Tambahkan sebuah Plane dengan cara klik menu GameObject -> 3D Object -> Plane lalu ganti namanya menjadi Lantai1. Atur posisi Main Camera dan plane menggunakan gizmo atau panel Transform sehingga Kamera dapat melihat lantai dengan jelas berada di bawah. Tambahkan plane kedua, ganti namanya me...
Baca selengkapnya

Interaksi dengan object pada unity

-
Gambar
Assalamu'alaikum Warahmatullahi Wabarakatuh Kali ini saya akan memberi tutorial untuk berinteraksi dengan GameObject Silahkan disimak penjelasan nya sebagai berikut  Ada beberapa cara yang bisa dilakukan sebuah script untuk berinteraksi dengan GameObject, diantaranya: ❑ Pasang script langsung pada object. ❑ Pasang script pada object lain, lalu menggunakan fungsi untuk mencari object yang dituju.  ❑ Buatlah project baru di Unity atau cukup scene baru saja (jika masing ingin menggunakan project dari materi sebelumnya). ❑ Tambahkan sebuah Cube dengan cara klik menu  GameObject -> 3D Object -> Cube. Posisikan Cube agar berada di depan kamera. Salah satu caranya: drag panah warna biru untuk pergeseran posisi z, warna merah untuk posisi x, dan warna hijau untuk posisi y ❑ Beri nama cube tersebut dengan nama Kubus1. Caranya klik Cube pada tab Hierarchy, tekan F2 dan ketik namanya, atau bisa juga menggunakan tab Inspector dan ketik namanya di textbox paling atas...
Baca selengkapnya

Cara membuat animasi dasar pada unity

-
Gambar
Assalamu'alaikum Warahmatullahi Wabarakatuh Kali ini saya akan memberi tutorial cara membuat animasi pada unity Silahkan disimak penjelasan nya sebagai berikut Animasi pada dasarnya adalah sebuah pergerakan yang terbagi menjadi dua, yaitu perpindahan posisi dan perubahan bentuk. Materi ini akan membahas proses pembuatan dua jenis animasi tersebut menggunakan tool standar Unity. Buatlah project baru di Unity. 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 C...
Baca selengkapnya