Tips dan Trik Augmented Reality Dengan Unity dan Vuforia

Indonesian (Bahasa Indonesia) translation by Kurniawan Sugi Purwanto (you can also view the original English article)

Halo, para penjelajah Augmented Reality! Dalam kiriman ini, akan saya tunjukkan pada Anda sejumlah fitur keren Vuforia yang memungkinkan untuk membuat aplikasi AR yang menawan. Kita akan melihat Cube dan Cylinder Targets, Smart Terrain, VuMarks, dan lebih banyak lagi. Kita tidak akan menggali lebih dalam ke subjek-subjek itu, tetapi akan saya bahas secukupnya supaya Anda bisa memulai.

Jika Anda belum akrab dengan konsep utama Vuforia, pelajari beberapa kiriman saya sebelumnya. Anda akan membantu Anda membuat aplikasi pertama dengan Vuforia, mulai dari nol.

Augmented Reality Bergaya Pokémon GO Dengan Vuforia
Seiring kesuksesan viral Pokemon Go, semua orang membicarakan tentang augmented reality. Dalam tutorial ini kita akan melihat penggunaan Vuforia untuk augmented reality....

Tin Megali
12 September 2016

Mobile Development
Membuat Game Augmented Reality Bergaya Pokémon GO Dengan Vuforia
Dalam tutorial ini kita akan mulai membangun aplikasi dengan Augmented Reality dengan menggunakan Vuforia di Unity 3D. Kita akan mempelajari cara mengatur Vuforia dan mulai mengembangkan suatu AR...

Tin Megali
28 September 2016

Mobile Development
Membuat Game Augmented Reality Bergaya Pokémon GO Dengan Vuforia: Bagian 2
Seiring kesuksesan viral Pokemon Go, semua orang membicarakan tentang augmented reality. Dalam tutorial ini kita akan menuntaskan pembuatan game AR yang bisa dengan mudah....

Tin Megali
5 Oktober 2016

Mobile Development
Membuat Game Augmented Reality Bergaya Pokémon GO Dengan Vuforia: Image Target
Dalam seri ini, kita telah membuat aplikasi dengan Augmented Reality dengan menggunakan Vuforia di Unity 3D. Sekarang, kita akan meningkatkan gamenya dengan sumber daya Image Target Vuforia.

Tin Megali
13 Maret 2017

Augmented Reality

1. Pengaturan Awal Vuforia pada Unity

Bagian ini hanyalah tinjauan ulang bagi mereka yang telah menggunakan Vuforia sebelumnya. Jika Anda telah akrab dengan proses penyiapan proyek Unity untuk Vuforia, jangan ragu untuk melewati bagian ini.

Sebelum menggunakan sumber daya Vuforia mana saja di Unity, Anda harus mempersiapkan frameworknya terlebihi dahulu. Mula-mula, Anda harus mengunduh dan mengimpor paket Vuforia untuk Unity.

Lalu Anda akan membutuhkan untuk membuat License Key untuk proyeknya di License Manager Vuforia. Sekalinya dibuat, Anda akan mengambil kuncinya dan memasukkannya ke prefab ARCamera, itu saja. Sekarang Anda bisa mulai bermain dengan Vuforia.

Saya akan membahas proses ini secara mendalam di tutorial saya Membuat Game Augmented Reality Bergaya Pokémon GO Dengan Vuforia.

Membuat Game Augmented Reality Bergaya Pokémon GO Dengan Vuforia
Dalam tutorial ini kita akan mulai membangun aplikasi dengan Augmented Reality menggunakan Vuforia pada Unity 3D. Kita akan belajar bagaimana pengaturan awal Vuforia dan mulai membangun AR...

Tin Megali
28 September 2016

Mobile Development

2. Mendesain suatu `ImageTarget`

Ada banyak cara untuk membuat pengalaman Augmented Reality di Vuforia, dan hampir semuanya bergantung pada sejenis Target yang harus dikenali oleh algoritma Vuforia untuk memulai proses augmentasi. Anda bisa mendesain targetnya sendiri dan mengirimkannya ke Target Manager Vuforia, menjadikannya bisa dikenali oleh sistemnya. Meskipun demikian, desainnya harus sesuai dengan sejumlah panduan, jika tidak targetnya takkan bisa dilacak, atau mungkin bahkan tidak dikenali sama sekali.

Secara khusus Anda harus mengetahui cara mendesain ImageTarget. Ini dikarenakan ada banyak jenis target Vuforia yang tersusun atas banyak ImageTargets yang ditata berdasarkan posisi dan urutan tertentu dengan MultiTarget.

Ada tiga aturan utama yang harus dipenuhi oleh suatu ImageTarget:

Harus kaya dalam perinciannya.
Harus memiliki kontras yang bagus, dengan area terang dan gelap.
Tidak boleh ada pola berulang.

Dalam latar belakang ini, Vuforia membuat pengaturan gambar dengan menggunakan fiturnya, dan kemudian algoritma bisa menemukan pola semacam itu dan melacak targetnya. Secara kasar, fitur di sebuah gambar adalah sudut yang dipertajam, seperti sudut kotak atau ujung bentuk bintang. Kuantitas fitur gambar langsung dihubungkan dengan 'keterlacakannya'.

Meskipun demikian, penting untuk dipahami bahwa meskipun ada ratusan fitur dalam suatu gambar hal itu tidak akan membantu jika fitur-fiturnya ditata secara berpola. ImageTargets membutuhkan sejumlah tingkat keacakan dan kekacauan agar bisa dikenali dengan baik.

Jika Anda memahami baik-baik aturan tersebut dalam pikiran, Anda akan mampu membuat ImageTargets yang hebat, tetapi jika Anda butuh mengetahui lebih banyak lagi, baca dokumentasinya.

3. Menggunakan `Multitarget`

Dikenal juga sebagai Cuboid Target, MultiTarget terdiri atas beberapa rangkaian ImageTargets dalam pengaturan geometris yang terdefinisikan. Pengaturan ini memungkinkan algoritma Vuforia untuk melacak berbagai target dalam waktu yang sama, membuat suatu referensi volumetris. MultiTarget bisa sangat bermanfaat dalam kampanye pemasaran untuk menunjang interaksi konsumen dengan paket produk dan sebagainya.

3.1 Mendesain suatu MultiTarget

Pada dasarnya desain MultiTarget harus sesuai dengan aturan yang sama sebagaimana ImageTarget, sehingga ada dua hal lagi yang perlu diperhatikan: Depth (kedalaman) kotak dan konsistensi Geometriknya.

Depth (kedalaman) kotak minimal harus separuh lebarnya. Ini hanya rekomendasi, dan akan bekerja jika ukurannya lebih kecil dari itu, tetapi menarik juga untuk mengingat-ingat hal itu.

Algoritma vuforia juga mengekspektasikan konsistensi semua bagian MultiTarget. Artinya semua sisi kotak diekspektasikan ada di posisinya masing-masing. Jika tidak memungkinkan, lebih mungkin untuk menjadikan bagian yang bisa dipindahkan tetap kosong ketika membuat target di Target Manager. Misalnya tutup kotak sereal, bisa dibiarkan kosong, jika tidak begitu tutupnya terbukan bisa terjadi ketidakkonsistenan selama augmentasi.

3.2 Menciptakan MultiTarget

Langkah pertama adalah menambahkan atau memilih database di Target Manager Vuforia. Pilih databasenya dan klik Add Target, pilih opsi Cuboid dan atur Width (Lebar), Height (Tinggi), Length (Panjang), dan Name (Nama).

Setelah MultiTarget dibuat, pilih dan tetapkan ImageTargets-nya. Sebagaimana saya sebutkan, suatu MultiTarget disusun atas serangkaian ImageTargets yang ditata dengan posisi tertentu. Tiap bagian cuboid harus mengandung suatu gambar, dan tiap gambar harus sesuai dengan proporsi cuboid, yang didefinisikan ketika targetnya dibuat.

Ketika Cuboidnya selesai diatur, Anda siap untuk mulai. Unduh saja databasenya dan impor ke Unity. Untuk menggunakannya, seret suatu prefab MultiTarget ke stage dan pilih database yang diunduh serta Cuboid Targetnya. Untuk belajar lebih lanjut tentang MultiTarget, pelajari dokumentasinya.

4. Cylinder Target

Menurut dokumentasi Vuforia, "CylinderTargets memungkinkan Anda mendeteksi dan melacak gambar yang digulungkan ke bentuk silindris dan kerucut." Anda bisa menggunakan jenis interaksi ini untuk menciptakan keterlibatan dengan paket produk, misalnya kaleng soda atau produk lain yang berbentu silinder.

4.1 Mendesain suatu Cylinder Target

Suatu CylinderTarget juga didasarkan pada ImageTarget, dengan demikian desainnya harus sesuai dengan aturan-aturan tersebut. Bagian atas dan bawah silinder haruslah gambar kotak yang akan ditandai oleh sistem Target Manager. Sedangkan untuk MultiTarget, Anda harus mempertimbankan konsistensi target, artinya jika satu bagian objek bisa dihilangkan, akan sangat membantu jika itu dibiarkan kosong pada manager.

4.2 Menciptakan Suatu Cylinder Target

Jenis target ini dibuat dalam dua langkah. Pertama adalah dengan Add (menambahkan) atau Select (memilih) suatu database di Target Manager Vuforia, tambahkan Target baru, pilih opsi Cylinder, dan atur Dimensi (Dimensions) dan Name.

Berikutnya Anda harus memilih CylinderTarget yang Anda buat dan mengunggah gambar ke situ. Anda bisa mengunggah satu gambar untuk sisi, satu untuk dasar, dan satu untuk bagian atas. Klik saja bagian yang diinginkan dan unggah gambarnya.

Adding a cylinder target

Meskipun demikian gambarnya harus sesuai dengan rasio silinder. Mungkin saja upaya pertama tidak berhasil. Tetapi jangan takut karena sistem Vuforia akan memberi Anda rasio yang benar dan Anda bisa menyesuaikan proposi gambar Anda berdasarkan itu. Sebagai contoh, untuk silinder dengan lebar 1 dan tinggi 2, rasionya adalah 1,571. Di sisi target, tinggi gambar setara dengan lebar dibagi rasio. Selainya rasionya benar, pengunggahan Anda akan berhasil.

Begitu CylinderTarget didefinisikan, Anda bisa menggunakannya. Anda hanya diharuskan mengunduh dan mengimpor database ke Unity, dan kemudian menyeret prefab Vuforia CylinderTarget ke layar Anda, dan Anda telah siap.

5. Smart Terrain

SmartTerrain adalah fitur eksklusif Unity yang memungkinkan Anda merekonstruksi dan augmentasi lingkungan fisik Anda. Fitur tersebut merekonstruksi, mengenali, dan melacak objek dan permukaan fisik. Objek-objek yang dikenali selanjutnya bisa digunakan sebagai medan (terrain) di Unity, membuka kemungkinan yang menarik untuk game dan pengalaman.

Pengalamannya dimulai ketika beberapa jenis target Vuforia dilacak. Bisa dimulai ketika perangkat melacak ImageTarget, suatu CylinderTarget, atau tipe target lain apa saja.

Begitu dimulai, sistem akan mengenali objek yang didistribusikan sekitar target dan mengatur game stage dengan mempertimbangkan objek-objek yang dilacak itu. Medannya kemudian diproyeksikan secara virtual ke objek yang dipindai, dan pengalamannya dimulai.

Smart Terrain bisa mengenali objek-objek sederhana seperti kotak dan silinder, selama sesuai dengan standar Vuforia, menempatkan objek-objek itu langsung pada game stage dan menggunakannya sebagai bagian adegan.

Jenis-jenis objek semacam itu disebut Props oleh sistem SmartTerrain, dan ukurannya bisa sekecil kaleng sup atau sebesar kotak sereal besar. Objek-objek transparan seperti gelas tidak didukung.

SmartTerrain bekerja dalam tiga fase:

Staging: pengguna mendistribusikan target dan props.
Scanning: stage dan props yang digunakan di pengaturan ditangkap dan direkonstruksi oleh pelacak Smart Terrain.
Tracking: medannya diaugmentasi secara waktu nyata oleh adegan Unity ketika Anda sudah mengembangkannya.

Proses kreasi suatu pengalaman SmartTerrain bersifat langsung ke tujuan, tetapi membutuhkan banyak langkah. Karena tim Vuforia menyediakan kita panduan langkah demi langkah untuk membuat pengalaman Smart Terrain di Unity, kita tidak akan menggali proses kreasinya di sini.

Jika Anda ingin mencoba, ikuti panduannya dan Anda semestinya tidak punya masalah. Meskipun demikian camkan dalam pikiran bahwa SmartTerrain memiliki beberapa batasan, terutama berhubungan dengan perangkat keras dan persyaratan sistem. Anda bisa menemukan lebih banyak tentang sistemnya dalam dokumentasi.

6. VuMark

Vumark adalah jenis target yang bisa diubahsuai sepenuhnya. ini bisa merefleksikan pilihan desain khusus atau suatu kepribadian brand. Juga sangat dikenali oleh sistem pelacakan Vuforia, dan bisa memulai pengalaman AR atau menyandikan data.

Sebelum Anda mulai bermain dengan VuMark, sebaiknya dipahami bahwa proses kreasi bukanlah yang paling sederhana. Tim Vuforia telah menyusun panduan yang cukup bagus dan beberapa alat untuk membantu, tetapi saya hanya akan merekomendasikan solusi ini untuk situasi khusus apabila desain penanda adalah yang paling penting.

Saya tidak akan menjelaskan semua persyaratan VuMark dan proses desainnya. Alih-alih saya akan memberikan Anda ide umum tentang prosesnya, dan jika Anda memutuskan untuk mendesain sendiri VuMarker Anda, mungkin sebelumnya Anda harus membaca panduan Vuforia.

6.1 Desain VuMark

Sangat penting untuk memahami sejumlah arsitektur dan aturan desain VuMark, jika tidk targetnya tidak akan bekerja dengan benar.

VuMark tersusun atas lima bagian:

Kontur: Kontur sebenarnya tidak digambar di VuMark; melainkan didefinisikan oleh kontras antara border dan clear space. Inilah bagian yang pertama kali dideteksi oleh algoritma Vuforia.
Border: Bentuk VuMark yang paling bisa diidentifikasi dan menentukan. Dibuat dari garis-garis lurus, dengan sedikitnya empat sudut yang terletak di tepian terluar desainnya.
Clear Space: Area kosong wajib yang muncul berdekatan dengan border. Area ini menjamin ada cukup kontras bagi algoritma supaya bisa mendeteksi kontur.
Code / Elements: Representasi visual ID target. Tersusun dari elemen-elemen dengan kontras tinggi, yang merepresentasikann dua keadaan, dark (gelap) dan light (terang). Jumlah elemen yang ada didefinisikan ketika membauat Templat VuMark di Illustrator dengan menggunakan sarana yang disediakan oleh Vuforia. (Lebih banyak lagi akan dijelaskan di bagian berikutnya).
Background / Design Area: Area ini adalah kanvas kosong yang akan diabaikan oleh algoritma. Anda bisa mendesain dengan bebas di ruang ini.

Untuk menemukan lebih banyak tentang syarat-syarat desain, baca Panduan VuMarkDesign.

6.2 Menciptakan Sebuah `VuMark`

Sebuah VuMark dibuat dengan menggunakan Adobe Illustrator dan VuMark Design Tools yang tersedia untuk diunduh di situs Vuforia. ALat-alatnya terdiri dari tiga skrip Illustrator, yang dilengkapi beberapa contoh dan suatu panduan PDF yang terperinci.

Sebelum memulai suatu VuMark, Anda harus mendesain konsepnya, dengan mempertimbangkan semua panduan yang diusulkan oleh Vuforia. Begitu desainnya tutas, Anda akan mulai mengurainya menjadi bagian-bagian dengan menaati arsitektur VuMark.

Langkah pertama adalah membuat suatu templat baru VuMark dengan menggunakan skrip VuMark-Setup.jsx yang diilustrasikan. Di jendela VuMark Template Setup, Anda bisa memilih nama mark, jenis ID, dan panjangnya. Jumlah karakter yang disandikan di mark akan menetapkan banyaknya elemen yang harus ada di dalamnya.

Begitu templatnya dibuat, Anda harus menyalin konsep desain Anda dan mengruraikannya dengan menggunakan layer-layer yang dibuat dengan skrip. Tiap layer merepresentasikan bagian arsitektural dan memiliki aturannya sendiri. Anda akan menggunakan skrip VuMark-Verify.jsx untuk mengecek apakah desain Anda benar. Skrip akan memberikan saran bagi Anda tentang bagaimana memperbaiki desain supaya sesuai dengan standar VuMark.

Setelah mengurai desain Anda dan memverifikasi bahwa desain tersebut berkesesuaian dengan standar VuMark, tiba saatnya mengekspor target. Untuk mengekspor desain, Anda harus menjalankan skrip VuMark-Export.jsx. File baru akan dibuat di Ilustrator dan pindahkan kontennya dari templat VuMark Anda. Lalu Anda akan diminta menyimpan templat VuMark Anda sebagai file SVG.

Akhirnya marker Anda akan siap, dan Anda bisa mengunggah file target ke database baru di Target Manager Vuforia. Kemudian Anda hanya perlu mengunduh databasenya dan menggunakannya seperti target yang lain.

7. Menjelajahi Fitur-Fitur Keren Lainnya

Perjalanan kita ke dalam sistem Vuforia dan kemungkinan Augmented Reality sudah cukup jauh. Sebagaimana bisa Anda lihat, sistem Vuforia memiliki banyak fitur keren. Ini adalah kiriman kelima saya tentang Vuforia dan yang masih belum membahas semua fiturnya. Namun demikian saya yakin bahwa sekarang Anda memiliki cukup pengetahuan untuk mengeksplorasi sumber-sumber daya itu sendiri.

Berikut beberapa penunjuk ke fitur-fitur lain yang layak ditelusuri:

User Defined Targets: bekerja seperti ImageTarget, tetapi pengguna bisa mendefinisikan target-targetnya sambil jalan dengan menggunakan kamera perangkat.
Cloud Recognition: eksklusif untuk akun enterprise. Ini adalah sejenis database target yang hidup di awan, memungkinkan Anda mengunduh dan menyinkronkan ImageTargets baru dengan aplikasi sambil jalan.
Object Recognition: Ini adalah fitur eksperimental yang memungkinkan pengenalan suatu objek, setelah dipindai dengan alat khusus yang disediakan oleh Vuforia.

Senyampang Anda masih di sini, silakan cek beberapa dari kiriman kami tentang AR dan mobile development!