Membuat Game Android Dengan Unity : Tebak Gambar Clone (Part 1)

Pernah main game mobile Tebak Gambar ? Gue rasa udah banyak banget ya yang main, secara popularitas game ini sangat familiar, hampir setiap smartphone temen gue aja pasti ada game ini. Oke tanpa basi-basi lagi, kali ini gue bakalan sharing tutorial membuat game Android yang gameplaynya hampir mirip dengan game Tebak Gambar, so yes game nya gue namain juga Tebak Gambar Clone.
Pertama, buat project baru dengan nama Tebak Gambar Clone, pastikan pilihan 2D dipilih pada menu dropdown. Masuk ke menu Build, pilih platform Android kemudian klik Switch Platform. Selanjutnya buatlah folder seperti pada gambar berikut :

Ini untuk memudahkan kita dalam mengelola Asset. Untuk Asset bisa Anda download dibagian akhir post ini. Jika Asset sudah di download, simpan asset sesuai dengan jenisnya.

Pilih file sprite yang sudah Anda simpan di folder Sprite, buat tipenya menjadi sprite > multiple, kemudian slice menjadi 5 bagian seperti gambar diatas. Sprite-sprite ini adalah yang akan kita gunakan sebagai soal untuk setiap level.

Begitu juga dengan folder texture, ubahlah modenya menjadi texture pada inspector. File texture ini akan kita gunakan sebagai GUI.

Jika sudah, buatlah scene dengan nama Level 1, kemudian simpan di folder Scenes. Selanjutnya tambahkan beberapa game Object seperti gambar diatas (Level dan GUI). Drag Sprite_4 ke dalam game object ‘Level’, aturlah posisinya sehingga menjadi seperti pada gambar diatas.
Selanjutnya kita akan membuat HUD sebagai salah satu system dalam game. Komponen yang kita pasang adalah berupa status dengan menggunakan Label dan Button yang terdiri dari : Menampilkan Life / darah / kesempatan menjawab, tombol bantuan yang akan menampilkan clue, serta timer untuk level yang menggunakan waktu. Gue mencoba menggunakan fitur dengan referensi yang sama persis dari game Tebak Gambar, namanya juga Clone. Untuk menampilkan HUD tadi kita akan membuat script dengan language C#, buatlah script baru dengan nama StatusScript.cs pada folder Scripts, kemudian drag ke game object ‘GUI’. Duble klik komponen script tadi, kemudian kita akan masuk monodevelop.

// var untuk level dg Timer public bool isLevelWithTime; private float timer = 30.0f;

1 2 3

// var untuk level dg Timer public bool isLevelWithTime; private float timer = 30.0f;

Pada bagian ini adalah variable untuk level yang menggunakan timer. Kita punya satu boolean yang akan kita gunaan untuk kondisi “Apakah ini level yang menggunakan timer ?” dan satu lagu adalah variable untuk waktu yang akan digunakan dalam level dengan waktu tersebut, gue kasih nilai 30 detik.

// Setup untuk Player setup public GUISkin statusSkin; private int lifePlayer; private int helpPlayer; public int initialHelp; public int initialLife; private string lifePref = "Life"; private string helpPref = "Help"; private string reloadPref = "Reload Life";

1 2 3 4 5 6 7 8 9

// Setup untuk Player setup public GUISkin statusSkin; private int lifePlayer; private int helpPlayer; public int initialHelp; public int initialLife; private string lifePref = "Life"; private string helpPref = "Help"; private string reloadPref = "Reload Life";

Bagian ini adalah variable yang dibutuhkan player, seperi banyaknya Life, Help yang dibutuhkan dan lain-lain. Kita juga mempunyai variable-variable dengan tipe data String yang akan kita gunakan sebagai penamaan Player Preferences.

// setup untuk gui life public float lifeHeight = 62.44f; public float lifeWidth = 371.8f; public float lifeLeft = 15.1f; public float lifeTop = 6.33f; // setup untuk gui help public float helpHeight = 62.9f; public float helpWidth = 371.8f; public float helpLeft = 453.92f; public float helpTop = 5.0f; // setup untuk gui timer public float timeHeight = 66.86f; public float timeWidth = 371.8f; public float timeLeft = 894.02f; public float timeTop = 5.0f;

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

// setup untuk gui life public float lifeHeight = 62.44f; public float lifeWidth = 371.8f; public float lifeLeft = 15.1f; public float lifeTop = 6.33f; // setup untuk gui help public float helpHeight = 62.9f; public float helpWidth = 371.8f; public float helpLeft = 453.92f; public float helpTop = 5.0f; // setup untuk gui timer public float timeHeight = 66.86f; public float timeWidth = 371.8f; public float timeLeft = 894.02f; public float timeTop = 5.0f;

Nah kalo ini variable-variable untuk setup ketika HUD tadi. Kita akan menggunakan Rectangle, sehingga masing-masing HUD harus memiliki nilai float untuk : left, top, width dan height. Nilai-nilai yang gue kasih adalah dari hasil adjusting dari inspector sehingga menjadi posisi yang diinginkan. Anda bisa mengaturnya kembali di inspector supaya sesuai dengan kebutuhan.

Klik save kemudian lihat pada inspector, maka akan tampil seperti ini. Oiya, sebelum kita lanjut coding script StatusScript.cs terlebih dahulu kita harus membuat script yang akan digunakan sebagai GUI Resizer atau scaler. Ini berfungsi untuk membuat posisi masing-masing GUI / HUD fixed. Seperti yang kita tahu device Android memiliki resolusi layar yang berbeda-beda, untuk meng-handle tersebut kita akan menggunakan Resizer supaya GUI yang kita buat fixed disemua screen. Silahkan buat satu lagi script dengan nama GUIScale.cs kemudian drag script tersbut pada game object GUI. Double klik dan mulai coding pada monodevelop.

using UnityEngine; using System.Collections; // Class untuk handle GUI Size = fixed untuk setiap screen Android public class GUIScale : MonoBehaviour { public static void ResizeGUI() { // develop di screen = 1280x800 Vector2 resizeRatio = new Vector2((float)Screen.width / 1280, (float)Screen.height / 800); // do GUI.matrix GUI.matrix = Matrix4x4.TRS(Vector3.zero, Quaternion.identity, new Vector3(resizeRatio.x, resizeRatio.y, 1.0f)); } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

using UnityEngine; using System.Collections;   // Class untuk handle GUI Size = fixed untuk setiap screen Android   public class GUIScale : MonoBehaviour {   public static void ResizeGUI() { // develop di screen = 1280x800 Vector2 resizeRatio = new Vector2((float)Screen.width / 1280, (float)Screen.height / 800); // do GUI.matrix GUI.matrix = Matrix4x4.TRS(Vector3.zero, Quaternion.identity, new Vector3(resizeRatio.x, resizeRatio.y, 1.0f)); } }

Kita buat function ‘ResizeGUI’ static. Why ? Silahkan baca post gue tentang hal tersebut di Sini. Pada ‘resizeRatio’ terdapat angka 1280 dan 800, itu adalah ukuran screen native yang digunakan dalam development, artinya setiap UI yang memanggil fungsi ini akan di resize persis seperti size saat kita editing di layar native tadi, selanjutnya kita namakan hal tersebut sebagai size rasio.
Oke, kembali lagi ke Script StatusScript.cs, kita telah membuat satu variable dengan tipe GUISkin. GUSkin ini akan kita gunakan untuk menampilkan HUD tadi. Sebenarnya kita bisa saja menggunakan GUIStyle supaya lebih praktis, tapi entah kenapa setelah gue coba setiap komponen GUI dengan Resizer tadi ketika memakai GUIStyle backgroundnya enggak mau muncul, padahal sebelum-sebelumnya muncul. Mungkin masalahnya ada di Unity gue, soalnya kemaren baru install versi 4.6. Di Unity 4.6 ini sebenernya sudah ada UI System baru yang lebih mudah dan banyak sekali fiturnya. Berhubung masih beta, jadi tutorial ini gue masih pake UI system yang lama (legacy). Pada folder resource, buat GUISkin baru dengan nama terserah Anda. Kemudian ubah beberapa komponen sebagai berikut :

Label -> Untuk HUD Life, ubah background dengan texture ‘Health’ pada folder ‘Textures’.
Box -> Untuk HUD Time, ubah background dengan texture ‘waktu’ pada folder ‘Textures’.
Button -> Untuk tombol Help, ubah background dengan texture ‘bantuan’ pada folder ‘Textures’.

Buka kembali monodevelop > StatusScript.cs , tambahkan line berikut :

// Fungsi untuk handle save player prefs. void SaveStatus(int nilaiPref, string namaPref) { PlayerPrefs.SetInt (namaPref, nilaiPref); }

1 2 3 4 5 6

// Fungsi untuk handle save player prefs. void SaveStatus(int nilaiPref, string namaPref) { PlayerPrefs.SetInt (namaPref, nilaiPref);   }

Pada line-line berikutnya beberapa kita akan menggunakan implementasi dari Player Pref, supaya lebih memudahkan pekerjaan dan meminimalisir kesalahan dalam menulis juga sebagai efektitas, kita membuat fungsi yang berguna menyimpan data ke Player Preferences. Apa itu Playerpref ? Silahkan baca referensinya di Unity manual di sini : Playerprefs, next kita akan membuat beberapa setup pada Start(), tambahkan line berikut :

void Start() { // First cek, apakah level ini boleh reload life & help // Hanya diizinkan di Level 1 dg level != Level 1 = Locked (First launch / Game Over). if(Application.loadedLevelName == "Level 1" && PlayerPrefs.GetInt(reloadPref) == 1) { //... Jika ya, set help & life ke initial value lifePlayer = initialLife; helpPlayer = initialHelp; //... Save juga ke Player Pref SaveStatus(lifePlayer, lifePref); SaveStatus(lifePlayer, helpPref); } // Cek apakah ini bukan level 1 atau level 1 dengan level != Level 1 = Unlocked. else if(Application.loadedLevelName != "Level 1" || Application.loadedLevelName == "Level 1" ) { // ... Set reload ke 0 (yang berarti false). SaveStatus(0, reloadPref); //... Set life & help dari Player Pref lifePlayer = PlayerPrefs.GetInt (lifePref); helpPlayer = PlayerPrefs.GetInt(helpPref); } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

void Start() { // First cek, apakah level ini boleh reload life & help // Hanya diizinkan di Level 1 dg level != Level 1 = Locked (First launch / Game Over). if(Application.loadedLevelName == "Level 1" && PlayerPrefs.GetInt(reloadPref) == 1) { //... Jika ya, set help & life ke initial value lifePlayer = initialLife; helpPlayer = initialHelp; //... Save juga ke Player Pref SaveStatus(lifePlayer, lifePref); SaveStatus(lifePlayer, helpPref); } // Cek apakah ini bukan level 1 atau level 1 dengan level != Level 1 = Unlocked. else if(Application.loadedLevelName != "Level 1" || Application.loadedLevelName == "Level 1" ) { // ... Set reload ke 0 (yang berarti false). SaveStatus(0, reloadPref); //... Set life & help dari Player Pref lifePlayer = PlayerPrefs.GetInt (lifePref); helpPlayer = PlayerPrefs.GetInt(helpPref); } }

Gue gak akan terlalu banyak bahas teknisnya, karena di script beberapa udah gue kasih komen. Sekarang kita perhatikan game aslinya, yaitu Tebak Gambar, yang gue sorot adalah Life / Health player dan fitur Bantuan (dalam gamenya tombol bintang). Dalam game tersebut satu level terdapat beberapa stage, ketika player berada pada stage satu kemudian stage selanjutnya (stage 2) terkunci, maka otomatis Life & Help dalam keadaan maksimal. Kemudian ketika player finish stage satu kemudian berada pada stage 2, Life & Help meneruskan Life & Help dari stage (sebelumnya). Namun ketika stage dua udah kebuka, terus player bermain lagi di stage satu, Life dan Health tetap dengan value sebelumnya (Gak reload / keadaan awal). Jadi kapan player boleh reload ? Ketika game over (Life Habis), maka stage semua terkunci kecuali stage satu dan reload state = true, dalam baris kode kita dapat menemukan SaveStatus(0, reloadPref); value 0 berarti Playerpref reload dalam keadaan false, dan 1 dalam keadaan true. Itu sebabnya kita menggunakan Playerpref supaya kita mempunyai data global yang dapat diakses dari scene / level mana saja dengan nilai yang dapat diubah.

void OnGUI() { // Enable fixed GUI untuk multiresolusi Android GUIScale.ResizeGUI (); // Set Skin GUI.skin = statusSkin; // GUI Life GUI.Label(new Rect(lifeLeft, lifeTop, lifeWidth, lifeHeight), lifePlayer.ToString()); // GUI Help if(GUI.Button(new Rect(helpLeft, helpTop, helpWidth, helpHeight), helpPlayer.ToString())) Debug.Log("clicked"); // GUI Timer if(isLevelWithTime) GUI.Box(new Rect(timeLeft, timeTop, timeWidth, timeHeight), timer.ToString("#0.")); }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

void OnGUI() { // Enable fixed GUI untuk multiresolusi Android GUIScale.ResizeGUI (); // Set Skin GUI.skin = statusSkin; // GUI Life GUI.Label(new Rect(lifeLeft, lifeTop, lifeWidth, lifeHeight), lifePlayer.ToString()); // GUI Help if(GUI.Button(new Rect(helpLeft, helpTop, helpWidth, helpHeight), helpPlayer.ToString()))    Debug.Log("clicked"); // GUI Timer if(isLevelWithTime) GUI.Box(new Rect(timeLeft, timeTop, timeWidth, timeHeight), timer.ToString("#0.")); }

Ini adalah fungsi untuk menampilkan GUI, kita tadi sudah membuat class sebagai Resizer, selanjutnya tinggal kita panggil aja fungsinya dari Script ini.

void Update() { // Handle jika ini adalah Level dengan Timer //... Jika yes, run timer if(isLevelWithTime) timer -= Time.deltaTime; //... Jika timer habis if(timer <= 0) { // Level gagal! }

1 2 3 4 5 6 7 8 9 10 11

void Update() { // Handle jika ini adalah Level dengan Timer //... Jika yes, run timer if(isLevelWithTime) timer -= Time.deltaTime; //... Jika timer habis if(timer <= 0) { // Level gagal! }

Pada fungsi Update() kita akan membuat timer. Timer harus berada dalam Update() karena akan bekerja secara realtime dengan Time.deltaTime. Jika timer = 0, do something, namun pada pembahasan kali ini kita hanya membahas sekitar GUI saja, untuk gameplaynya akan dibahas di part selanjutnya. Klik save, kemudian akan tampil seperti ini :

Jangan lupa untuk custom opsi Font pada masing-masing HUD di GUISkin seperti warna, jenis font, ofset, dan lain-lain. Selanjutnya buat script baru dengan nama LevelScript.cs, pada script ini kita akan tentukan karakteristik sistem game seperti bagaimana jika jawaban benar, mendekati benar atau salah dan lain sebagainya. Namun kali ini kita akan membahas sampai interface pendukungnya saja seperti text field dan button check. Buka script tadi pada monodevelop kemudian masukkan baris berikut :

private string jawaban = "Jawab Disini"; public GUISkin levelSkin; // gui untuk field public float jawabHeight = 62.9f; public float jawabWidth = 734.79f; public float jawabLeft = 86.4f; public float jawabTop = 551.7f; // gui untuk cek public Texture2D cekTexture; public float cekHeight = 58.9f; public float cekWidth = 335.0f; public float cekLeft = 859.36f; public float cekTop = 551.2f;

1 2 3 4 5 6 7 8 9 10 11 12 13

private string jawaban = "Jawab Disini"; public GUISkin levelSkin; // gui untuk field public float jawabHeight = 62.9f; public float jawabWidth = 734.79f; public float jawabLeft = 86.4f; public float jawabTop = 551.7f; // gui untuk cek public Texture2D cekTexture; public float cekHeight = 58.9f; public float cekWidth = 335.0f; public float cekLeft = 859.36f; public float cekTop = 551.2f;

Seperti biasa pertama kita buat variable yang kita butuhkan terlebih dahulu. Kita membutuhkan dua GUI, yaitu textfield sebagai pembaca karakter dari keyboard, dan button Cek sebagai pembanding jawaban (input dari keyboard) dengan jawaban sebenarnya. Kemudian tampilkan kedua interface tadi pada OnGUI() :

void OnGUI() { // Enable fixed GUI untuk multiresolusi Android GUIScale.ResizeGUI (); // set skin GUI.skin = levelSkin; // set control name GUI.SetNextControlName ("Jawab Disini"); // set text field jawaban = GUI.TextField(new Rect(jawabLeft, jawabTop, jawabWidth, jawabHeight), jawaban, 25); // textfield == focus / mulai ngetik if (UnityEngine.Event.current.type == EventType.repaint) { // hapus text hint if(GUI.GetNameOfFocusedControl() == "Jawab Disini") { if(jawaban == "Jawab Disini") { jawaban = ""; } } // jika jawaban kosong, get back hint! else { if(jawaban == "") { jawaban = "Jawab Disini"; } } } // set skin = null. GUI.skin = null; // handle size button texture Rect cekRect = (new Rect(cekLeft, cekTop, cekWidth, cekHeight)); GUI.DrawTexture(cekRect, cekTexture); if(GUI.Button(cekRect, "", GUIStyle.none)) Debug.Log("clicked cek"); }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

void OnGUI() { // Enable fixed GUI untuk multiresolusi Android GUIScale.ResizeGUI (); // set skin GUI.skin = levelSkin; // set control name GUI.SetNextControlName ("Jawab Disini"); // set text field jawaban = GUI.TextField(new Rect(jawabLeft, jawabTop, jawabWidth, jawabHeight), jawaban, 25); // textfield == focus / mulai ngetik if (UnityEngine.Event.current.type == EventType.repaint) { // hapus text hint if(GUI.GetNameOfFocusedControl() == "Jawab Disini") { if(jawaban == "Jawab Disini") { jawaban = ""; } } // jika jawaban kosong, get back hint! else { if(jawaban == "") { jawaban = "Jawab Disini"; } } } // set skin = null. GUI.skin = null; // handle size button texture Rect cekRect = (new Rect(cekLeft, cekTop, cekWidth, cekHeight)); GUI.DrawTexture(cekRect, cekTexture); if(GUI.Button(cekRect, "", GUIStyle.none)) Debug.Log("clicked cek"); }

Again, kita hanya perlu memanggil fungsi dari class resizer untuk membuat gui dalam posisi dan ukuran fixed. Dibaris tengah kita mempunya beberapa statement if yang berfungsi sebagai statement untuk membuat semacam text hint. Jadi ketika text field dalam keadaan focus, maka text default = null, sehingga field kosong. Selanjutnya ketika text field != focus dan user tidak menginput apa-apa pada textfield maka field return ke text dafault. Klik save, dan jangan lupa pada inspector isi object referensi sesuai yang dibutuhkan :

Ubah backgroun text field pada GUI Skin yang telah kita buat sebelumnya, kemudia pada ‘Cek Texture’ pilih texture Cek. Hit play, kemudian hasilnya akan seperti berikut :

Coba jalankan di device Android Anda, gue coba running di device Android nokia x dan hasilnya adalah sebagai berikut :

What’s Next :

Bagaimana ? Cukup mudah bukan. Selanjutnya kita akan membuat karakteristik sistem gamenya. Insya Alloh nanti tutorialnya gue bagi jadi 3 part aja. Jika ada yang kurang dimengerti bisa tinggalkan pesan atau bisa via fanspage facebook.

Full Scripts :

GUScale.cs

using UnityEngine; using System.Collections; // Class untuk handle GUI Size = fixed untuk setiap screen Android public class GUIScale : MonoBehaviour { public static void ResizeGUI() { // develop di screen = 1280x800 Vector2 resizeRatio = new Vector2((float)Screen.width / 1280, (float)Screen.height / 800); // do GUI.matrix GUI.matrix = Matrix4x4.TRS(Vector3.zero, Quaternion.identity, new Vector3(resizeRatio.x, resizeRatio.y, 1.0f)); } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

using UnityEngine; using System.Collections;   // Class untuk handle GUI Size = fixed untuk setiap screen Android   public class GUIScale : MonoBehaviour {   public static void ResizeGUI() { // develop di screen = 1280x800 Vector2 resizeRatio = new Vector2((float)Screen.width / 1280, (float)Screen.height / 800); // do GUI.matrix GUI.matrix = Matrix4x4.TRS(Vector3.zero, Quaternion.identity, new Vector3(resizeRatio.x, resizeRatio.y, 1.0f)); } }

 StatusScript.cs

using UnityEngine; using System.Collections; public class StatusScript : MonoBehaviour { // var untuk level dg Timer public bool isLevelWithTime; private float timer = 30.0f; // Setup untuk Player setup public GUISkin statusSkin; private int lifePlayer; private int helpPlayer; public int initialHelp; public int initialLife; private string lifePref = "Life"; private string helpPref = "Help"; private string reloadPref = "Reload Life"; // setup untuk gui life public float lifeHeight = 62.44f; public float lifeWidth = 371.8f; public float lifeLeft = 15.1f; public float lifeTop = 6.33f; // setup untuk gui help public float helpHeight = 62.9f; public float helpWidth = 371.8f; public float helpLeft = 453.92f; public float helpTop = 5.0f; // setup untuk gui timer public float timeHeight = 66.86f; public float timeWidth = 371.8f; public float timeLeft = 894.02f; public float timeTop = 5.0f; void Start() { // Debug.Log("Boleh reload ? " + PlayerPrefs.GetInt("Reload Life")); // First cek, apakah level ini boleh reload life & help // Hanya diizinkan di Level 1 dg level != Level 1 = Locked (First launch / Game Over). if(Application.loadedLevelName == "Level 1" && PlayerPrefs.GetInt(reloadPref) == 1) { //... Jika ya, set help & life ke initial value lifePlayer = initialLife; helpPlayer = initialHelp; //... Save juga ke Player Pref SaveStatus(lifePlayer, lifePref); SaveStatus(lifePlayer, helpPref); } // Cek apakah ini bukan level 1 atau level 1 dengan level != Level 1 = Unlocked. else if(Application.loadedLevelName != "Level 1" || Application.loadedLevelName == "Level 1" ) { // ... Set reload ke 0 (yang berarti false). SaveStatus(0, reloadPref); //... Set life & help dari Player Pref lifePlayer = PlayerPrefs.GetInt (lifePref); helpPlayer = PlayerPrefs.GetInt(helpPref); } } void OnGUI() { // Enable fixed GUI untuk multiresolusi Android GUIScale.ResizeGUI (); // Set Skin GUI.skin = statusSkin; // GUI Life GUI.Label(new Rect(lifeLeft, lifeTop, lifeWidth, lifeHeight), lifePlayer.ToString()); // GUI Help if(GUI.Button(new Rect(helpLeft, helpTop, helpWidth, helpHeight), helpPlayer.ToString())) Debug.Log("clicked"); // GUI Timer if(isLevelWithTime) GUI.Box(new Rect(timeLeft, timeTop, timeWidth, timeHeight), timer.ToString("#0.")); } void Update() { // Handle jika ini adalah Level dengan Timer //... Jika yes, run timer if(isLevelWithTime) timer -= Time.deltaTime; //... Jika timer habis if(timer <= 0) { // Level gagal! } // Untuk test di device Android, back = exit app if (Application.platform == RuntimePlatform.Android) { if (Input.GetKey(KeyCode.Escape)) { Application.Quit(); return; } } // Bila tombol A life berkurang (Hanya untuk Test) if (Input.GetKeyDown (KeyCode.A)) { lifePlayer -= 1; SaveStatus(lifePlayer, "Life"); } } // Fungsi untuk handler save player prefs. void SaveStatus(int nilaiPref, string namaPref) { PlayerPrefs.SetInt (namaPref, nilaiPref); } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111

using UnityEngine; using System.Collections;   public class StatusScript : MonoBehaviour { // var untuk level dg Timer public bool isLevelWithTime; private float timer = 30.0f; // Setup untuk Player setup public GUISkin statusSkin; private int lifePlayer; private int helpPlayer; public int initialHelp; public int initialLife; private string lifePref = "Life"; private string helpPref = "Help"; private string reloadPref = "Reload Life"; // setup untuk gui life public float lifeHeight = 62.44f; public float lifeWidth = 371.8f; public float lifeLeft = 15.1f; public float lifeTop = 6.33f; // setup untuk gui help public float helpHeight = 62.9f; public float helpWidth = 371.8f; public float helpLeft = 453.92f; public float helpTop = 5.0f; // setup untuk gui timer public float timeHeight = 66.86f; public float timeWidth = 371.8f; public float timeLeft = 894.02f; public float timeTop = 5.0f; void Start() { // Debug.Log("Boleh reload ? " + PlayerPrefs.GetInt("Reload Life")); // First cek, apakah level ini boleh reload life & help // Hanya diizinkan di Level 1 dg level != Level 1 = Locked (First launch / Game Over). if(Application.loadedLevelName == "Level 1" && PlayerPrefs.GetInt(reloadPref) == 1) { //... Jika ya, set help & life ke initial value lifePlayer = initialLife; helpPlayer = initialHelp; //... Save juga ke Player Pref SaveStatus(lifePlayer, lifePref); SaveStatus(lifePlayer, helpPref); } // Cek apakah ini bukan level 1 atau level 1 dengan level != Level 1 = Unlocked. else if(Application.loadedLevelName != "Level 1" || Application.loadedLevelName == "Level 1" ) { // ... Set reload ke 0 (yang berarti false). SaveStatus(0, reloadPref); //... Set life & help dari Player Pref lifePlayer = PlayerPrefs.GetInt (lifePref); helpPlayer = PlayerPrefs.GetInt(helpPref); } }   void OnGUI() { // Enable fixed GUI untuk multiresolusi Android GUIScale.ResizeGUI (); // Set Skin GUI.skin = statusSkin; // GUI Life GUI.Label(new Rect(lifeLeft, lifeTop, lifeWidth, lifeHeight), lifePlayer.ToString()); // GUI Help if(GUI.Button(new Rect(helpLeft, helpTop, helpWidth, helpHeight), helpPlayer.ToString()))    Debug.Log("clicked"); // GUI Timer if(isLevelWithTime) GUI.Box(new Rect(timeLeft, timeTop, timeWidth, timeHeight), timer.ToString("#0.")); }     void Update() { // Handle jika ini adalah Level dengan Timer //... Jika yes, run timer if(isLevelWithTime) timer -= Time.deltaTime; //... Jika timer habis if(timer <= 0) { // Level gagal! }   // Untuk test di device Android, back = exit app if (Application.platform == RuntimePlatform.Android) { if (Input.GetKey(KeyCode.Escape)) { Application.Quit(); return; } }   // Bila tombol A life berkurang (Hanya untuk Test) if (Input.GetKeyDown (KeyCode.A)) { lifePlayer -= 1; SaveStatus(lifePlayer, "Life"); }   }   // Fungsi untuk handler save player prefs. void SaveStatus(int nilaiPref, string namaPref) { PlayerPrefs.SetInt (namaPref, nilaiPref);   } }

LevelScript.cs

using UnityEngine; using System.Collections; public class LevelScript : MonoBehaviour { // jawaban private string jawaban = "Jawab Disini"; public GUISkin levelSkin; // gui untuk field public float jawabHeight = 62.9f; public float jawabWidth = 734.79f; public float jawabLeft = 86.4f; public float jawabTop = 551.7f; // gui untuk cek public Texture2D cekTexture; public float cekHeight = 58.9f; public float cekWidth = 335.0f; public float cekLeft = 859.36f; public float cekTop = 551.2f; void OnGUI() { // Enable fixed GUI untuk multiresolusi Android GUIScale.ResizeGUI (); // set skin GUI.skin = levelSkin; // set control name GUI.SetNextControlName ("Jawab Disini"); // set text field jawaban = GUI.TextField(new Rect(jawabLeft, jawabTop, jawabWidth, jawabHeight), jawaban, 25); // textfield == focus / mulai ngetik if (UnityEngine.Event.current.type == EventType.repaint) { // hapus text hint if(GUI.GetNameOfFocusedControl() == "Jawab Disini") { if(jawaban == "Jawab Disini") { jawaban = ""; } } // jika jawaban kosong, get hint back! else { if(jawaban == "") { jawaban = "Jawab Disini"; } } } // set skin = null. GUI.skin = null; // handle size button texture Rect cekRect = (new Rect(cekLeft, cekTop, cekWidth, cekHeight)); GUI.DrawTexture(cekRect, cekTexture); if(GUI.Button(cekRect, "", GUIStyle.none)) Debug.Log("clicked cek"); } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57

using UnityEngine; using System.Collections;   public class LevelScript : MonoBehaviour { // jawaban private string jawaban = "Jawab Disini"; public GUISkin levelSkin; // gui untuk field public float jawabHeight = 62.9f; public float jawabWidth = 734.79f; public float jawabLeft = 86.4f; public float jawabTop = 551.7f; // gui untuk cek public Texture2D cekTexture; public float cekHeight = 58.9f; public float cekWidth = 335.0f; public float cekLeft = 859.36f; public float cekTop = 551.2f;   void OnGUI() { // Enable fixed GUI untuk multiresolusi Android GUIScale.ResizeGUI (); // set skin GUI.skin = levelSkin; // set control name GUI.SetNextControlName ("Jawab Disini"); // set text field jawaban = GUI.TextField(new Rect(jawabLeft, jawabTop, jawabWidth, jawabHeight), jawaban, 25); // textfield == focus / mulai ngetik if (UnityEngine.Event.current.type == EventType.repaint) { // hapus text hint if(GUI.GetNameOfFocusedControl() == "Jawab Disini") { if(jawaban == "Jawab Disini") { jawaban = ""; } } // jika jawaban kosong, get hint back! else { if(jawaban == "") { jawaban = "Jawab Disini"; } } } // set skin = null. GUI.skin = null; // handle size button texture Rect cekRect = (new Rect(cekLeft, cekTop, cekWidth, cekHeight)); GUI.DrawTexture(cekRect, cekTexture); if(GUI.Button(cekRect, "", GUIStyle.none)) Debug.Log("clicked cek"); } }

 Download :