Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Button Touch Screen Di Unity Berbasis Guitexture (Bagi-Bagi Asset Gratis)

 Setiap aplikasi hampir selali membutuhkan button Membuat Button Touch Screen di Unity Berbasis GUITexture (bagi-bagi asset gratis)


Setiap aplikasi hampir selali membutuhkan button, hingga seakan hampir tidak ada aplikasi yang tidak mempunyai button, kecuali aplikasi yang berbasis command line. Begitu juga dengan game, rasanya keberadaan button menjadi kebutuhan vital dari hampir seluruh game. Pada console-console tertentu button sudah di handle dan terintegrasi dengan joystick pada masing-masing console. Namun bagaimana dengan perangkat mobile yang berbasis touch screen? Ya.. Kita tahu bahwa perangkat ini hampir tidak mempunyai button secara fisik, sehingga kita perlu menciptakan button virtual sendiri yang sanggup mendeteksi input berupa sentuhan jari user.

Pada artikel kali ini saya akan bagi-bagi asset Unity berupa button touch screen yang saya buat beberapa hari yang kemudian untuk keperluan project yang sedang saya kerjakan. Button ini sanggup dipakai pada Unity Free dan berjalan pada perangkat touch screen menyerupai android, iphone, dsb. Asset button ini juga sudah mensuport multi touch atau sentuhan lebih dari satu jari user, sehingga cocok dipakai pada game-game yang membutuhkan gerak cepat dan multi touch. Button ini berbasis GUITexture sehingga lebih gampang dalam pengaturannya jikalau dibandingkan dengan gui.Button. Asset button ini sanggup di download disini.

Berikut ialah tutorial singkat bagaimana memakai asset ini, untuk tutorial selengkapnya sudah saya sertakan dalam paket asset. Berikut ialah step by step cara penggunaan button :

Untuk menciptakan button lakukan drag & drop prefab Touch Screen Button ke dalam scene. 
 
 Setiap aplikasi hampir selali membutuhkan button Membuat Button Touch Screen di Unity Berbasis GUITexture (bagi-bagi asset gratis)

Dan akhirnya ialah menyerupai pada gambar di bawah :

 Setiap aplikasi hampir selali membutuhkan button Membuat Button Touch Screen di Unity Berbasis GUITexture (bagi-bagi asset gratis)
 
Kemudian lakukan pengaturan letak button. Pengaturan button sama dengan pengaturan GUITexture pada umumnya. Baca : Dokumentasi Unity GUITexture

 Setiap aplikasi hampir selali membutuhkan button Membuat Button Touch Screen di Unity Berbasis GUITexture (bagi-bagi asset gratis)

Lakukan juga pengaturan texture. Berikan texture default button dan texture saat button disentuh

 Setiap aplikasi hampir selali membutuhkan button Membuat Button Touch Screen di Unity Berbasis GUITexture (bagi-bagi asset gratis)

 
Lakukan scripting. Untuk mendapatkan status button suatu kelas harus mengimplementasikan interface IButtonListener
Contoh :
public class MainMenu : MonoBehaviour, IButtonListener {
  //some code here
}

Lakukan inisialisasi button dan lakukan register listener melalui method RegisterListener dengan parameter IbuttonListener yang merupakan interface untuk mendengarkan button.

Contoh :
private Button buttonPlay
void Start () {
  buttonPlay = this.transform.FindChild("Button Play").GetComponent<Button>();
  buttonPlay.RegisterListener(this);
}

Status button akan dikirimkan pada method OnButtonStateChange yang merupakan method implementasi dari interface IButtonListener. Method ini mempunyai dua parameter, changedButton adalah button yang mengalami perubahan fase, buttonPhaseId adalah fase yang terjadi pada button

Contoh :

public void OnButtonStateChange(Button changedButton, int buttonPhaseId) {
 if (changedButton == buttonPlay) {
    if (buttonPhaseId == Button.PhaseId.ButtonTouchBegan) {
   //do something here
   }else if (buttonPhaseId == Button.PhaseId.ButtonTouchEnded) {
   //do something here
   }
  }
}

Keterangan PhaseId :
ButtonTouchBegan
Sentuhan ke button dimulai, hanya terjadi 1x dalam 1 sentuhan yaitu pada awal sentuhan

ButtonTouchEnded
Sentuhan ke button diakhiri, hanya terjadi 1x dalam 1 sentuhan yaitu pada tamat sentuhan

ButtonTouchCanceled
Sentuhan ke button dibatalkan, terjadi saat jari bergeser keluar area button

ButtonTouchStationary
Terjadi saat sentuhan ditahan, terjadi berulangkali dalam 1 fase sentuhan tergantung usang sentuhan dan update rate

ButtonTouchMoved
Terjadi saat sentuhan ditahan dan jari bergeser di area button, terjadi berulangkali dalam 1 fase sentuhan tergantung usang sentuhan dan update rate

Button touch screen ini saya bagikan secara gratis tanpa pungutan royalti sedikitpun dan sanggup Sobat gunakan untuk membuatkan project berbayar sekalipun. Namun meskipun gratis tetap patuhi rule yang saya berikan ya, diantaranya untuk tidak menghapus credit author, dan dihentikan keras untuk menjual kembali asset yang saya bagikan secara gratis ini.


Mungkin sekian dulu apa yang saya sampaikan, kurang lebihnya saya mohon maaf. Terima kasih sudah mampir dan jangan lupa di follow ya blog ini di twitter @duniadigit. Ok.. cukup sekian, tetap semangat, dan terus berkarya ^^



Sumber http://duniadigit.blogspot.com/