MASPION IT
ICON IT INDONESIA
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
Pendahuluan
Pada kesempatan kali ini kita akan belajar membangun sebuah aplikasi Virtual Reality
(VR) menggunakan Software Unity. Aplikasi yang dibuat nantinya dapat dijalankan di
dalam platform PC ataupun smartphone Android, bergantung platform yang kita pilih
untuk dijalankan.
Virtual Reality adalah teknologi yang dapat membuat penggunanya berinteraksi
dengan lingkungan virtual yang disimulasikan oleh komputer / smartphone, seolah-
olah pengguna tersebut berada pada lingkungan nyata. Virtual reality sendiri biasanya
membutuhkan perangkat kacamata untuk ditampilkan, ada beberapa perangkat
kacamata virtual reality, antara lain :
1 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
b. HTC Vive. Kacamata VR versi tinggi yang membutuhkan PC dengan spesifikasi yang
tinggi pula. Perangkat ini merupakan hasil kolaborasi antara HTC dan Valve.
2 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
• Unity Editor, bisa menggunakan versi 2018 ke atas. Namun, ada baiknya
menggunakan versi 2018 saja, agar sesuai dengan tutorial. (link download unity
editor).
• Android Target Support for Unity, digunakan untuk melakukan
pengaturan platform Android pada project. (link download
android build support for unity).
• Visual Studio Code, bisa menggunakan script editor lain juga
seperti atom, sublime, notepad++. (link download visual studio
code).
• Android SDK, digunakan untuk membangun project menjadi APK. (link download
android sdk). Setelah mengunduh file tersebut anda dapat mengikuti tutorial
pengaturan Android SDK.
Sistem operasi minimal dari laptop/PC yang dibutuhkan adalah Windows 7/8/10 64-
bit dan Ram 2 GB. Untuk proses instalasi software tersebut dilakukan secara
bergantian dan berurutan sesuai dengan list yang ada.
Bahan untuk pelatihan ini dapat anda unduh di link berikut. Berisi objek 3D bangunan
yang akan kita gunakan sebagai lingkungan virtual reality nantinya serta Google SDK
yang akan sebagai modul virtual reality yang sudah disediakan oleh Google.
https://cutt.ly/pelatihan-3d-vr-maspion-it
Jika semua hal tersebut sudah terpenuhi, maka sekarang anda sudah siap untuk
mengikuti pelatihan build your own virtual reality with Unity.
3 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
Tutorial
1. Buat projek baru di dalam Unity dengan cara memilih tombol “New”.
2. Selanjutnya isi nama projek yang akan anda buat, tentukan pula lokasi untuk
menyimpan projek tersebut. Pada bagian “Templates” pilih 3D karena kita akan
membuat projek 3D VR. Jika sudah semua pilih “Create Project”.
4. Berikut adalah tampilan dari projek baru di dalam Unity yang telah dibuat.
4 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
6. Setelah itu akan muncul jendela Preferences. Pada bagian kiri pilih menu External
Tools, pada kolom External Script Editor pilih script editor yang sudah anda install
sebelumnya. Kemudian pada kolom Android SDK pilih Browse dan cari lokasi
folder Sdk dari file Android SDK yang sudah anda download dan extract
sebelumnya.
5 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
7. Pada jendela Project, pilih folder Assets kemudian di dalam folder Assets tersebut
buat folder baru dengan cara klik kanan pilih Create > Folder. Beri nama
“Environment” pada folder tersebut.
6 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
11. Semua hal yang ada di dalam Hierarchy dapat disebut sebagai Game Object. Klik
kanan pada Game Object VR Environment yang ada di dalam jendela Hierarchy,
pilih Unpack Prefab Completely agar kita dapat leluasa dalam mengedit game
object tersebut.
7 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
12. Selanjutnya buka group game object VR Environment > Snaps_Level >
Section_01 > Ceiling dengan klik tanda panah yang ada di samping game object.
13. Seleksi semua game object yang ada di dalam game object Ceiling. Untuk
menyeleksi lebih dari satu game object dapat dilakukan dengan menekan tombol
Ctrl pada keyboard + klik kiri pada mouse. Kemudian lihat jendela Inspector, pilih
tombol Add Component. Ketikkan “mesh collider” pada kolom pencarian Add
Component, lalu pilih komponen Mesh Collider yang muncul.
14. Buka group game object VR Environment > Snaps_Level > Section_01 > Floor.
8 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
15. Seleksi semua game object yang ada di dalam game object Floor. Kemudian lihat
jendela Inspector, pilih tombol Add Component. Ketikkan “mesh collider” pada
kolom pencarian Add Component, lalu pilih komponen Mesh Collider yang
muncul.
16. Buka group game object VR Environment > Snaps_Level > Section_01 > Props
dan Walls.
17. Seleksi semua game object yang ada di dalam game object Props dan Walls.
Kemudian lihat jendela Inspector, pilih tombol Add Component. Ketikkan “mesh
collider” pada kolom pencarian Add Component, lalu pilih komponen Mesh
Collider yang muncul.
9 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
18. Buka group game object VR Environment > Snaps_Level > Section_02 > Ceiling_1
dan Floor_1.
19. Seleksi semua game object yang ada di dalam game object Ceiling_1 dan Floor_1.
Kemudian lihat jendela Inspector, pilih tombol Add Component. Ketikkan “mesh
collider” pada kolom pencarian Add Component, lalu pilih komponen Mesh
Collider yang muncul.
20. Buka group game object VR Environment > Snaps_Level > Section_02 > Props_1
dan Walls_1.
10 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
21. Seleksi semua game object yang ada di dalam game object Props_1 dan Walls_1.
Kemudian lihat jendela Inspector, pilih tombol Add Component. Ketikkan “mesh
collider” pada kolom pencarian Add Component, lalu pilih komponen Mesh
Collider yang muncul.
22. Selanjutnya kita akan memasukkan Google VR SDK ke dalam Unity. Caranya pilih
menu Assets > Import Package > Custom Package.
23. Cari file Google VR SDK yang ada di dalam folder bahan pelatihan kemudian pilih
Open.
11 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
24. Pada jendela Import Unity Package yang muncul, pilih Import.
26. Pada kolom pencarian jendela Projects, ketikkan “GvrEditorEmulator”. Pilih file
GvrEditorEmulator.prefab yang muncul. Kemudian tarik file tersebut dan
letakkan ke dalam jendela Hierarchy.
12 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
27. Pada kolom pencarian jendela Projects, ketikkan “GvrReticlePointer”. Pilih file
GvrReticlePointer.prefab yang muncul. Kemudian tarik file tersebut dan letakkan
ke dalam game object Main Camera pada jendela Hierarchy.
28. Selanjutnya buat game object kapsul dengan cara pilih menu GameObject > 3D
Object > Capsule.
29. Lihat jendela Inspector, pada bagian Transform atur nilai Position X, Y dan Z
menjadi 0.
13 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
30. Selanjutnya seleksi game object Main Camera, lalu lihat jendela Inspector. Pada
bagian Transform atur nilai Position Z menjadi 0.
31. Kemudian tarik dan masukkan game object Main Camera ke dalam game object
Capsule sehingga game object Main Camera menjadi satu grup dengan game
object Capsule.
32. Selanjutnya seleksi game object Capsule. Game object tersebut akan berfungsi
sebagai tubuh atau player yang akan menjelajahi lingkungan virtual, atur nilai
14 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
pada bagian Transform game object Capsule agar sesuai dengan yang anda
inginkan.
33. Pilih Add Component, ketikkan “Rigidbody” pada kolom pencarian Add
Component. Tambahkan komponen Rigidbody yang muncul.
34. Pilih Add Component, ketikkan “Physics Raycaster” pada kolom pencarian Add
Component. Tambahkan komponen Physics Raycaster yang muncul.
15 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
35. Selanjutnya seleksi folder Assets di dalam jendela Projects. Klik kanan pada folder
tersebut lalu pilih menu Create > Folder, lalu beri nama “Scripts”.
36. Buka folder Scripts tersebut, lalu klik kanan pada folder tersebut pilih menu
Create > C# Script. Beri nama Autowalk pada script tersebut.
37. Buka script Autowalk dengan cara klik 2 kali pada script tersebut.
38. Selanjutnya sesuaikan isi script tersebut dengan baris kode yang ada di bawah ini.
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
16 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
[Tooltip("Activate this checkbox if the player shall move when the Cardboard trigger is
pulled.")]
public bool walkWhenTriggered;
[Tooltip("Activate this checkbox if the player shall move when he looks below the
threshold.")]
public bool walkWhenLookDown;
[Tooltip("Activate this Checkbox if you want to freeze the y-coordiante for the player. "
+
"For example in the case of you have no collider attached to your CardboardMain-
GameObject" +
"and you want to stay in a fixed level.")]
public bool freezeYPosition;
void Start(){
mainCamera = Camera.main.transform;
}
void Update(){
// Walk when the Cardboard Trigger is used
if (walkWhenTriggered && !walkWhenLookDown && !isWalking){
isWalking = true;
}
else if (walkWhenTriggered && !walkWhenLookDown && isWalking){
isWalking = false;
}
// Walk when the Cardboard trigger is used and the player looks down below the
threshold angle
if (walkWhenLookDown && walkWhenTriggered && !isWalking &&
mainCamera.transform.eulerAngles.x >= thresholdAngle &&
mainCamera.transform.eulerAngles.x <= RIGHT_ANGLE){
isWalking = true;
}
17 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
if (isWalking){
Vector3 direction = new Vector3(mainCamera.transform.forward.x, 0,
mainCamera.transform.forward.z).normalized * speed * Time.deltaTime;
Quaternion rotation = Quaternion.Euler(new Vector3(0, -
transform.rotation.eulerAngles.y, 0));
transform.Translate(rotation * direction);
}
if (freezeYPosition){
transform.position = new Vector3(transform.position.x, yOffset,
transform.position.z);
}
}
}
39. Tarik script Autowalk ke dalam game object Capsule pada jendela Hierarchy.
40. Seleksi game object Capsule, lihat jendela Inspector. Pada bagian Autowalk atur
nilai Speed menjadi 4, aktifkan kolom Walk when look down.
18 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
41. Pada bagian Rigidbody, buka kolom Constraints dan aktifkan kolom Freeze
Rotation X dan Z.
42. Simpan scene tersebut dengan menekan tombol “Ctrl + S” pada keyboard. Anda
juga dapat mengganti nama scene tersebut.
43. Selanjutnya pilih File > Build Settings.
44. Tekan tombol Add Open Scenes untuk menambahkan scene yang sedang dibuka
ke dalam kolom Scenes In Build.
45. Pilih Android pada bagian Platform, kemudian tekan tombol Switch Platform.
19 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
50. Buka bagian Other Settings lalu scroll ke bawah. Anda dapat mengganti nilai
Minimum API Level untuk target minimal android agar aplikasi dapat dijalankan
serta Target API Level dari aplikasi android tersebut. Lalu pada kolom Target
Architectures non-aktifkan kolom x86 karena architecture tersebut sudah jarang
digunakan atau sudah usang.
20 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
51. Jika sudah kembali lagi pada bagian Build Settings, kemudian pilih Build.
52. Tunggu hingga prosesnya selesai dan anda dapat melihat file APK game yang telah
anda buat.
21 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
22 MASPION IT
Icon IT Indonesia
MASPION IT,Jum’at, 26 Februari 2021
Magang + Pelatihan Guru Materi : Build Your Own Virtual Reality
5. Kemudian buat “User Variable” baru dengan memilih tombol New, pada variable
name isikan “ANDROID_HOME” lalu pada variable value isikan lokasi tempat
Android SDK anda.
23 MASPION IT
Icon IT Indonesia