Modul Membuat Game dengan Unity3D Engine - copyright Deni Kurnia.
Catatan : Ketika membuat game object dasar pada Unity, secara default collider
sudah disertakan pada game object tersebut. Object dasar tersebut adalah : - Cube
- Sphere - Capsule
- Cylinder - Plane
2.11 GUI Graphical User Interface
GUI adalah komponen antarmuka yang diperlukan untuk berinteraksi antara user dengan program komputer. GUI dapat berbentuk teks, gambar, maupun
button. Pada bagian ini akan dijelaskan tiga jenis GUI pada unity : 1. GUI Text
Yaitu teknik menampilkan teks agar muncul di layar pada saat game
dijalankan. 2. GUI Texture
Yaitu teknik menampilkan gambarimage agar muncul di layar 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.
Langkah membuat GUI Text adalah sebagai berikut :
1. Klik GameObject Create Other GUI Text
Perhatikan gambar 2.40
Modul Membuat Game dengan Unity3D Engine - copyright Deni Kurnia. Gambar 2.40 Membuat GUI Text
2. Edit Tulisan GUI Text dan Text menjadi Selamat Datang. Perhatikan tulisan di
Scene View, berubah bukan ?
Gambar 2.41 Mengedit tulisan GUI Text
Edit tulisan
Modul Membuat Game dengan Unity3D Engine - copyright Deni Kurnia.
Langkah membuat GUI Texture adalah sebagai berikut :
1. Klik GameObject Create Other GUI Texture
Perhatikan gambar 2.42
Gambar 2.42 Membuat GUI Texture
2. Buat file .jpg misalnya texture.jpg ukuran 800 x 600 piksel di Adobe Photoshop, lalu save di folder asset, sehingga muncul pada jendela project.
Modul Membuat Game dengan Unity3D Engine - copyright Deni Kurnia. Gambar 2.43 Memasukkan file Texture.jpg ke folder Assets
Gambar 2.44 Meng-edit Texture size pada Inspector
3. Pilihklik Unity Watermark-small di jendela Hierarchy 4. Drag texture.jpg di jendela project ke jendela Inspector lihat gambar 2.44
5. Klik Pixel Inset pada panel Inspector, lalu ubah ukuran Width : 800 dan Height : 600. Perhatikan perubahan yang terjadi pada Game View.
Edit Width dan Height drag
Modul Membuat Game dengan Unity3D Engine - copyright Deni Kurnia.
6. Apabila texture tidak berada di tengah, atur nilai position x dan y pada jendela Inspector gambar 2.44
7. Apabila parameter yang diatur benar, kurang lebih texture akan tampil pada Game View seperti gambar 2.45.
Gambar 2.45 Tampilan GUI Texture pada Game View, setelah diatur parameternya.
Sekarang anda sudah memahami cara membuat GUI Text dan GUI Texture. Salah satu aplikasinya adalah untuk opening menu atau perpindahan antar scene
pada game. Pada bagian akhir sub pokok bahasan GUI, akan dijelaskan beberapa langkah
sekaligus contoh membuat GUI dengan Javascript. Ikuti langkahnya sebagai berikut :
1. Klik Assets Create Javascript
2. Ubah nama default NewBehaviourScript menjadi MenuScript nama file boleh bebas
3. Klik dua kali untuk meng-edit-nya
Modul Membuat Game dengan Unity3D Engine - copyright Deni Kurnia. Gambar 2.46 Membuat Script dengan Javascript
4. Ketikkan script sebagai berikut :
Contoh Script GUI untuk leveling Game
function OnGUI {
Membuat Background Kotak GUI.Box Rect 10,10,100,90, Menu Game;
Membuat button pertama. Jika ditekan, maka akan dipanggil Level 1 if GUI.Button Rect 20,40,80,20, Level 1 {
Application.LoadLevel 1; }
Membuat button kedua if GUI.Button Rect 20,70,80,20, Level 2 {
Application.LoadLevel 2; }
}
Penjelasan Script :
function OnGUI
merupakan fungsi untuk mengontrol GUI pada Unity. Setiap kali anda akan membuat GUI dengan script, maka fungsi ini harus dipanggil.
GUI.Box Rect 10,10,100,90, Menu Game;
merupakan perintah membuat kotak dengan aturan 10= jarak dari sumbu x ke sisi kotak, 10=jarak dari sumbu y ke sisi kotak, 100 = panjang kotak dan 90
=lebar kotak.
if GUI.Button Rect 20,40,80,20, Level 1 { Application.LoadLevel 1;
Merupakan perintah membuat button dengan aturan 20= jarak dari sumbu x ke sisi button, 40=jarak dari sumbu y ke sisi button, 80 = panjang button dan
Modul Membuat Game dengan Unity3D Engine - copyright Deni Kurnia.
20 = lebar kotak. Kemudian tulisan
Level 1
merupakan tulisan pada button, dan perintah
Application.LoadLevel 1;
merupakan perintah untuk memanggil scenelevel 1.
if GUI.Button Rect 20,70,80,20, Level 2 { Application.LoadLevel 2;
Perintah untuk membuat button kedua dan saat di-klik maka akan memanggil scenelevel 2.
Catatan : Pada saat membuat game, tentu anda akan mempunyai banyak scene,
sehingga GUI seperti ini diperlukan untuk perpindahan antar scene.
5. Buat game object baru dengan cara klik GameObject Create Empty
