designbytowo

GUI adalah komponen antar muka yang diperlukan untuk berinteraksi antara user dengan perangkat komputer. GUI dapat berbentuk teks atau gambar maupun button. Pada bagian ini akan dijelaskan tiga jenis GUI pada unity:

Download Asset Unity disini : https://assetstore.unity.com/top-assets/top-free

1. GUI Text

Yaitu teknik menampilkan teks agar muncul dilayar pada saat game dijalankan

2. GUI Texture

Yaitu teknik menampilkan gambar/image agar muncul dilayar pada saat game dijalankan

3. GUI Basic Control

Yaitu teknik menampilkan GUI yang dikontrol melalui script agar muncul di layar pada saat game dijalankan. Aplikasinya misalnya button untuk perpindahan menu, perpindahan level, atau GUI interaktif lainnya.

Baca Juga :

02. Membuat Material, Import dan Partikel di Unity

01. Berkenalan Dengan Adobe Illustrator

GUI Text

Langkah membuat GUI Text adalah sebagai berikut:

1. Klik GameObject > Create Other > GUI Text

04. Memahami GUI (Graphic User Interface) Pada Unity Belajar Desain Bareng

2. Edit tulisan GUI text dan Text menjadi Selamat Datang. perhatikan tulisan dalam scene viewnya, yang akan berubah.

04. Memahami GUI (Graphic User Interface) Pada Unity Belajar Desain Bareng

GUI Texture

Langkah dalam membuat GUI Texture adalah sebagai berikut:

1. Klik Game Object > Create Other > GUI Texture, perhatikan seperti gambar dibawah ini

04. Memahami GUI (Graphic User Interface) Pada Unity Belajar Desain Bareng

2. buatlah File dalam bentuk .jpg (misalnya texture.jpg) dengan ukuran 800×600 px di Adobe Photoshop, lalu save di folder asset, sehingga akan muncul pada jendela project.

04. Memahami GUI (Graphic User Interface) Pada Unity Belajar Desain Bareng
Memasukkan File
04. Memahami GUI (Graphic User Interface) Pada Unity Belajar Desain Bareng
Mengedit File

3. pilih klik Unity Watermark-small di jendela Hierarchy

4. Drag texture.jpg di jendela project ke jendal inspector

5. Klik Pixel inset pada panel Inspector, lalu ubah ukuran Width : 800 dan Height : 600, perhatikan perubahannya yang terjadi pada game view.

6. Apabila texture tidak berada di tengah, atur nilai position x dan y pada jendela inspector

7. Apabila parameter yang diatur benar, kurang lebih texture yang akan ditampilkan pada game view adalah seperti gambar dibawah

04. Memahami GUI (Graphic User Interface) Pada Unity Belajar Desain Bareng

Pada tahap ini kita sudah cukup memahami cara membuat GUI Text dan GUI Texture. cukup sampai disini, pada artikel selanjutnya akan dibahas Pembuatan Opening Menu atau perpindahan antar scene.

%d blogger menyukai ini: