Pada kesempatan kali ini saya akan membahas tutorial untuk mengembangkan <a href="https://www.codepolitan.com/tag/virtual-reality/">game Virtual Reality</a> yang  yang menggunakan joystick sebagai controller pada game. Dengan mengikuti tutorial ini, kamu akan bisa membuat <a href="https://www.codepolitan.com/tag/game-vr/">game VR</a> yang lebih mudah dinavigasikan dan lebih menarik. 

Tutorial ini dibuat untuk pengembangan <a href="https://www.codepolitan.com/tag/game-android/">game Android</a> menggunakan Google Cardboard SDK. Engine yang digunakan di dalam tutorial ini adalah <strong>Unity Engine</strong>. Kamu bisa mempelajari tentang cara membuat game VR Android menggunakan Google Cardboard SDK pada unity di <a href="https://www.codepolitan.com/tutorial/membuat-game-virtual-reality-android-menggunakan-google-cardboard-sdk-for-unity/">tutorial ini</a>. Kamu juga bisa mempelajari cara membuat game menggunakan Unity di <a href="https://www.dicoding.com/academies/9">Dicoding Academy</a>. Jadi ketika mengikuti tutorial ini, kamu sudah mengerti cara membuat game VR dengan Unity. Oke kalau begitu kita mulai saja tutorial kali ini. 


<h3>Input Pada Unity</h3>

<a href="https://www.codepolitan.com/tag/unity/">Unity</a> telah menyediakan sebuah class di dalam library-nya untuk membaca input. Terdapat class <strong>“Input”</strong> yang bisa kita panggil dan kita gunakan untuk mendeteksi berbagai masukan seperti mouse, keyboard, dan joystick. Class <strong>“input”</strong> juga dapat membaca sensor yang ada pada smartphone seperti touch screen dan accelerometer.
 
Dalam class <strong>“Input”</strong> ada dua tipe input yang akan digunakan. Yang pertama adalah <strong>“Input.GetAxis”</strong> yang digunakan untuk membaca masukan dengan tipe vertikal atau horizontal. Input ini biasa digunakan untuk pergerakan pemain menggunakan keyboard, mouse, atau joystick. Yang kedua adalah <strong>“Input.GetButton”</strong> untuk aksi-aksi yang bersifat eventual atau merupakan trigger seperti melompat, menyerang, dan lain sebagainya.

<pre>
using UnityEngine;
using System.Collections;

public class Fire : MonoBehaviour {
    
    // Update is called once per frame
    void Update () {
        if(Input.GetKeyDown(KeyCode.Space)){
            print ("FIRE!!!");
        }
    }
}
</pre>

Kode di atas adalah contoh membaca <strong>“Input”</strong> pada Unity. Kondisi jika kita menekan tombol spasi, maka akan menampilkan tulisan <strong>“FIRE!!!”</strong> pada console Unity. Lalu jika ingin membaca input dari Joystick, kita bisa menggunakan <strong>“KeyCode.JoystickButton0”</strong> menjadi seperti ini. 

<pre>
using UnityEngine;
using System.Collections;

public class Fire : MonoBehaviour {
    
    // Update is called once per frame
    void Update () {
        if(Input.GetKeyDown(KeyCode.Space) || Input.GetButtonDown("joystick button 0”")){
            print ("FIRE!!!");
        }
    }
}
</pre>

Diperlukan dokumentasi dari manufaktur Joystick untuk mengetahui kode <strong>“JoystickButton”</strong> terletak pada tombol yang mana di dalam Joystick. Contohnya pada Joystick miliki XBox, terdapat informasi referensi tombol dengan kode tombolnya. 

[caption id="attachment_10816" align="aligncenter" width="600"]<img src="https://www.codepolitan.com/wp-content/uploads/2016/07/Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick.png" alt="contoh mapping controller di Wiki Unity" width="600" height="600" class="size-full wp-image-10816" /> contoh mapping controller di Wiki Unity[/caption]

Dari gambar di atas, maka <strong>“joystick button 0"</strong> adalah tombol <strong>A</strong>, <strong>“joystick button 1“</strong> adalah tombol <strong>B</strong>, dan seterusnya. Dengan mengetahui mapping ini, maka kita bisa menentukan efek terhadap game kita ketika ada tombol yang ditekan. 


<h3>Input Manager</h3>

Untuk mempermudah proses scripting, Unity menyediakan sebuah fitur yang bernama InputManager. InputManager merupakan fitur yang bisa diakses melalui Inspector untuk melakukan Mapping, memberi nama kepada Input, dan juga mengatur value dari Input yang dibaca oleh sistem. 

<img src="https://www.codepolitan.com/wp-content/uploads/2016/07/Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-2.png" alt="Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-2" width="629" height="673" class="aligncenter size-full wp-image-10817" />

Input Manager bisa diakses melalui tab <strong>Edit -> Project Settings -> Input</strong>. Setelah itu akan muncul tab baru di inspector berjudul InputManager. Secara default, telah terdapat informasi yang ada di dalam InputManager yang di-generate oleh Unity. Dalam tutorial ini kita akan coba membuat implementasi sederhana yakni input aksis horizontal dan vertikal untuk pergerakan karakter serta input tombol A dan B untuk memberikan trigger di dalam game.

<p class="baca-juga">Baca juga: <a href="https://www.codepolitan.com/virtual-reality-dan-perkembangannya/?utm_source=codepolitan&utm_medium=article&utm_campaign=inset">Virtual Reality dan Perkembangannya</a></p>

Yang pertama kita perlu perhatikan adalah bagian <strong>Axes</strong>. Axes merupakan jumlah input yang akan diterjemahkan oleh InputManager. Berhubung kita hanya ingin menggunakan tombol aksis X dan Y untuk pergerakan serta tombol A dan B untuk trigger, maka kita hanya perlu 4 Axes. Kita bisa menghapus Axes default dan menggantinya dengan jumlah 4.

<img src="https://www.codepolitan.com/wp-content/uploads/2016/07/Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-3.png" alt="Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-3" width="509" height="398" class="aligncenter size-full wp-image-10818" />

Untuk mengetahui apa fungsi dari tiap field di dalam Input Manager, Unity memberikan dokumentasi lengkap apa efek dari tiap field. Tidak semua field harus diisi dan ada beberapa field yang spesifik untuk tipe input tertentu. Berikut ini adalah tabel penjelasan fungsi dari tiap field di dalam axis.


<table class="table table-bordered" width="100%">
<tr>
<th width="40%">Properti</th>
<th width="60%">Fungsi</th>
</tr>
<tr>
<td>Name</td>
<td>Nama dari input yang dibaca. Nama ini akan dipanggil di dalam script sehingga memudahkan kita membuat script karena sesuai dengan konteks.</td>
</tr>
<tr>
<td>Descriptive Name</td>
<td>Penjelasan dari input bernilai positif yang akan muncul pada menu konfigurasi untuk Standalone Build (Mac, PC, Linux).</td>
</tr>
<tr>
<td>Descriptive Negative Name</td>
<td>Penjelasan dari input bernilai negatif yang akan muncul pada menu konfigurasi untuk Standalone Build (Mac, PC, Linux).</td>
</tr>
<tr>
<td>Negative Button</td>
<td>Tombol yang akan mengembalikan nilai negatif jika ditekan (misal button joystick 1).</td>
</tr>
<tr>
<td>Positive Button</td>
<td>Tombol yang akan mengembalikan nilai positif jika ditekan (misal button joystick 0).</td>
</tr>
<tr>
<td>Alt Negative Button</td>
<td>Tombol alternatif atau secondary yang bisa mengembalikan nilai negatif jika ditekan. </td>
</tr>
<tr>
<td>Alt Positive Button</td>
<td>Tombol alternatif atau secondary yang bisa mengembalikan nilai positif jika ditekan.</td>
</tr>
<tr>
<td>Gravity</td>
<td>Menentukan seberapa cepat input akan kembali ke nilai tengah ketika selesai ditekan. Hanaya bisa digunakan ketika tipe inputnya adalah <strong>Key/Mouse Button</strong>.</td>
</tr>
<tr>
<td>Dead</td>
<td>Setiap nilai positf dan negatif yang kurang dari angka Dead akan dihitung sebagai nol. Berguna untuk penggunaan Joystick.</td>
</tr>
<tr>
<td>Sensitivity</td>
<td>Untuk input keyboard, semakin besar nilanya akan semakin cepat responnya. Untuk input mouse, semakin besar delta value nya akan membuat skala permbandingan dengan pergerakan mouse sesungguhnya.</td>
</tr>
<tr>
<td>Snap</td>
<td>Jika diaktifkan, akan membuat nilai dari axis akan kembali ke nol apabila mendapat input yang berkebalikan. Hanya bisa digunakan dalam input bertipe <strong>Key/Mouse Button</strong>.</td>
</tr>
<tr>
<td>Invert</td>
<td>Jika diaktfikan, akan membuat nilai positif dari input menjadi negatif dan sebaliknya.</td>
</tr>
<tr>
<td>Type</td>
<td>Tipe Input yang mengendalikan axis ini</td>
</tr>
<tr>
<td>Axis</td>
<td>Axis yang terhubung dengan perangkat untuk membaca input </td>
</tr>
<tr>
<td>Joy Num</td>
<td>Joystick yang terhubung dengan game akan menentukan kontrol dari axis </td>
</tr>
</table>

Dengan memahami tiap field dari Input Manager, kita bisa mengatur agar Input yang kita masukan dapat sesuai dengan hasil yang kita inginkan di dalam game. 


<h3>Implementasi Input Manager</h3>

Selanjutnya kita akan setup Input Manager untuk membaca input axis horizontal, axis vertikal, tombol A, dan tombol B. Yang perlu diingat, nilai dari properti button (negative button, positive button, alt negative button, dan alt positive button) harus benar pengejaannya sesuai dengan KeyCode yang disediakan oleh Unity. (cek keys yang tersedia di <a href="https://docs.unity3d.com/Manual/ConventionalGameInput.html">dokumentasi ini</a>).

Yang pertama kita akan setup untuk Joystick horizontal dan vertikal. Jangan lupa, nilai dari properti Graviti, Dead, dan Sensitivity bisa kamu ubah-ubah hingga menemukan pengaturan yang paling cocok untuk game kamu.

<img src="https://www.codepolitan.com/wp-content/uploads/2016/07/Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-4.png" alt="Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-4" width="510" height="684" class="aligncenter size-full wp-image-10820" />

Selanjutnya kita akan setup input untuk membaca tombol A dan tombol B. 

<img src="https://www.codepolitan.com/wp-content/uploads/2016/07/Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-5.png" alt="Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-5" width="509" height="592" class="aligncenter size-full wp-image-10821" />


<h3>Setup Scene</h3>

Selanjutnya kita akan belajar bagaimana mengimplementasikan Input tersebut ke dalam kode. Kita akan membaca Input dari joystick dan menjadikannya trigger ke dalam game. Yang pertama kita perlu setup scene sedikit agar bisa menampilkan perubahan yang terjadi di dalam layar. Kita bisa melakukannya dengan mengimport sample project dari Google Cardboard SDK for Unity.

<img src="https://www.codepolitan.com/wp-content/uploads/2016/07/Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-6.png" alt="Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-6" width="517" height="386" class="aligncenter size-full wp-image-10822" />

Setelah itu, kita bisa mengaktifkan scene Demo untuk HeadsetDemo dan klik di DemoScene.Unity. Akan muncul di layar scene baru yang berisikan kamera dalam bentuk <strong>VR mode</strong> beserta kotak yang akan teleport jika kita arahkan mata kita ke kotak tersebut. Dalam tutorial ini, kita akan coba mengimplementasikan input dari joystick untuk membuat karakter kita bisa bergerak di dalam area permainan.

<p class="baca-juga">Baca juga: <a href="https://www.codepolitan.com/tutorial/membuat-game-virtual-reality-first-person-shooter-menggunakan-unity-dan-google-cardboard-sdk/?utm_source=codepolitan&utm_medium=article&utm_campaign=inset">Membuat Game Virtual Reality First Person Shooter Menggunakan Unity 3D dan Google Cardboard SDK</a></p>

Pertama kita bisa membuat script baru yang berisikan kode sebagai berikut.

<pre>
using UnityEngine;
using System.Collections;

public class Movement : MonoBehaviour {
    Vector3 inputMovement;
    public float speed = 10;
    
    // Update is called once per frame
    void Update () {
        inputMovement.x = Input.GetAxis ("horizontal") * speed;
        inputMovement.z = Input.GetAxis ("vertikal") * speed;

        MoveKarakter (inputMovement * Time.deltaTime);

        if(Input.GetButtonDown("A")){
            print ("A");
        }
        if(Input.GetButtonDown("B")){
            print ("B");
        }

    }

    void MoveKarakter(Vector3 newPos){
        Vector3 tempPos;
        tempPos = transform.position + newPos;
        transform.position = tempPos;
    }
}
</pre>

Kita membuat sebuah variabel inputMovement yang akan mendeteksi nilai dari aksis horizontal dan vertikal yang dibaca dari joystick. Nilai tersebut kita jadikan faktor pengali untuk menggerakan kamera dari posisi awal ke posisi baru. Dengan memasangkan script ini di <strong>GameObject GvrMain</strong>, maka karakter kita akan bisa bergerak sesuai dengan input dari Joystick. 

<img src="https://www.codepolitan.com/wp-content/uploads/2016/07/Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-7.png" alt="Membuat-Game-Virtual-Reality-Android-dengan-Kontrol-Joystick-7" width="639" height="432" class="aligncenter size-full wp-image-10823" />

Untuk input dengan menekan tombol, kamu bisa menambahkan script <code>Input.GetButtonDown(“A”)</code> dan <code>Input.GetButtonDown(“B”)</code>. Aksi yang ingin ditampilkan bisa bermacam-macam, tapi untuk tutorial ini saya hanya akan menampilkan keluaran di console. Kamu bisa membuat tombol tersebut melakukan aksi seperti melompat, berlari, dan lain sebagainya, yang penting kamu sudah mengerti konsepnya dan cara untuk membaca input dari Joystick dan melakukan aksi di dalam game, tinggal implementasinya saja yang disesuaikan dengan game kamu. 

<pre>
if(Input.GetButtonDown("A")){
    //kode untuk menembak
    Tembak();
}
if(Input.GetButtonDown("B")){
   //kode untuk melompat
   Lompat();
}
</pre>

Satu tips, sebaiknya buat GameObject sendiri untuk membaca input dari Joystick sebagai controller yang nanti baru akan memberikan event kepada GameObject lainnya. Semoga tutorial ini bermanfaat dan kamu bisa membuat <strong>game VR</strong> yang menyenangkan.

Buat kamu yang sudah memahaminya, kamu bisa mencoba mengikuti <a href="https://www.codepolitan.com/lenovo-virtual-reality-challenge-2/">Lenovo Virtual Reality Challenge 2</a> untuk menguji skill dan keberuntunganmu (hadiahnya lumayan gede) :D



Membuat Game Virtual Reality Android yang Mendukung Kontrol Joystick

GenAI Video Fest adalah ajang kompetisi video kreatif yang diselenggarakan oleh CODEPOLITAN bekerjasama dengan Alibaba Cloud.

Kami menantang kreator, tech-enthusiast, dan siapa saja untuk mendobrak batas imajinasi menggunakan teknologi Generative AI terbaru. Di sini, kamu wajib menggunakan WAN Model Studio dari Alibaba Cloud sebagai tools utama untuk menghasilkan karya videomu (bisa dikombinasikan dengan tools editing lainnya).

Tunjukkan pada dunia bagaimana teknologi dan kreativitas bisa bersatu menciptakan karya visual yang berdampak!

Kategori Kompetisi
Pilih satu dari empat tema besar ini untuk karyamu:
* Humanity (Kemanusiaan): Cerita yang menyentuh hati, sosial, dan kepedulian antar sesama.
* Sports (Olahraga): Energi, semangat juang, dan dinamika dunia olahraga.
* Entertainment (Hiburan): Komedi, musik, video klip, atau parodi yang menghibur.
* Science (Sains): Visualisasi masa depan, teknologi, alam semesta, atau penemuan ilmiah.

Total Prize Pool senilai Rp 250.000.000 menunggu para pemenang!
* Top Winners Rewards: Uang Tunai, Alibaba Cloud Credits (hingga $500), Merchandise Eksklusif, dan SWAG CODEPOLITAN.
* Lucky Draw Event: Kesempatan menang hadiah tambahan bagi peserta yang beruntung.
* Massive Exposure: Karya terbaik akan di-highlight di media sosial CODEPOLITAN, Alibaba Cloud, dan channel industri kreatif lainnya.
* Special Access (Khusus Alumni RuangAI): Dapatkan 2 Token untuk klaim Kelas Spesialisasi di RuangAI secara gratis.

Jangan sampai ketinggalan tanggal penting ini:
* Pendaftaran & Submission: 23 Desember 2024 - 23 Januari 2025
* Penjurian (Judging Phase): 24 - 26 Januari 2025
* Pengumuman Pemenang: 27 Januari 2025

Cara Ikutan:
1. Daftar: Klik tombol "Daftar Sekarang" dan pastikan kamu punya akun RuangAI.
2. Join Discord: Masuk ke server Discord komunitas untuk info teknis dan diskusi.
3. Create: Buat video kreatifmu menggunakan WAN Model Studio (Alibaba Cloud) sesuai kategori pilihan.
4. Upload & Submit: Unggah videomu ke media sosial (IG/TikTok/YouTube) dan submit link karyamu di halaman submission RuangAI.

Ikuti kompetisi video Generative AI terbesar dari CODEPOLITAN dan Alibaba Cloud! Gunakan teknologi WAN Model Studio untuk menyulap ide liarmu menjadi visual memukau. Rebut total hadiah senilai Rp 250.000.000!

GenAI Video Fest

Beasiswa Basic Cybersecurity adalah program inisiatif dari JagoanSiber yang dirancang untuk membuka wawasan masyarakat luas tentang dunia keamanan digital. Program ini hadir untuk menjawab kebutuhan talenta keamanan siber yang tinggi, dimulai dengan membangun pemahaman fundamental yang kokoh.

Program ini berbentuk Kelas Online Belajar Mandiri (Self-Paced Learning) berbasis video. Peserta diberikan keleluasaan penuh untuk mengakses materi kapan saja dan di mana saja tanpa terikat jadwal, sehingga sangat fleksibel bagi pelajar, mahasiswa, maupun pekerja profesional.

Kelebihan utama program ini adalah aksesnya yang 100% GRATIS dan terbuka untuk siapa saja tanpa syarat latar belakang IT. Peserta akan dibimbing langsung oleh Mahrus Qusaery, seorang praktisi keamanan siber berpengalaman, yang akan mengupas tuntas materi dasar yang krusial.

Program beasiswa kelas online gratis untuk mempelajari dasar keamanan siber dari nol. Belajar mandiri berbasis video langsung dari praktisi ahli, Mahrus Qusaery.

Membuat Game Virtual Reality Android yang Mendukung Kontrol Joystick

Learning

KelasFullstack

RuangAI

JagoanSiber

Baca Artikel Lainnya

Membuat Game Virtual Reality untuk Android Menggunakan Google Cardboard SDK For Unity

Teknologi Versus Hipokinetik

Membuat Game Virtual Reality Android yang Mendukung Kontrol Joystick

Mengintegrasikan Google Leaderboard pada Game VR Android