Blogging for sharing, sekedar berbagi ilmu dan pengalaman

Step by Step Membuat Simple Augmented Reality Berbasis Android Menggunakan Unity 5.1.1 dan Vuforia 5.0.5

September 13, 2015 Posted by Ahmad Saifuddin Azhar , 55 comments
 

Halo sobat blogger.. Sudah lama tidak update artikel. Kali ini saya akan membahas tutorial membuat aplikasi Augmented Reality di Android menggunakan Unity 5 dan Vuforia 5. Sebenernya ini bukan hal yang baru di blog ini, sebelumnya saya sudah membuat artikel semacam ini di sini.Tapi karena cepatnya update dari Vuforia dan Unity alhasil saat ini banyak sekali yang bingung mengikuti tutorial saya karena sudah tidak relevan lagi. Karena banyaknya pertanyaan dan request maka kali ini saya bahas tentang cara membuat aplikasi Augmented Reality berbasis Android menggunakan Unity 5 dan Vuforia 5.

 Ok langsung aja berikut adalah alat dan bahan :
  1. Unity, dalam tutorial kali ini saya menggunakan Unity 5.1.1f1. Unity dapat didownload di sini.
  2. Vuforia SDK, dalam tutorial ini saya menggunakan vuforia-unity-5-0-5. Vuforia dapat didownload di sini. Pilih 'Download for Unity'.
  3. Android SDK, ini adalah tools wajib untuk membuat aplikasi android. Dapat didownload di sini
Langsung saja kita masuk ke tutorial. Namun sebelum masuk ke tutorial Anda dapat mendownload projectnya terlebih dahulu pada link di bawah.

Klik disini untuk mendownload project

Langkah 1 : Buka Unity dan buat project baru

Blank project unity
Blank project unity

Langkah 2 : Ubah project ke Android

Ubah project unity ke android
Ubah project unity ke android

Jangan lupa untuk melakukan pengaturan pada player setting

Pengaturan player
Pengaturan player

Atur nama company dan nama aplikasi

Atur nama company dan nama aplikasi
Atur nama company dan nama aplikasi

Dan juga pengaturan bundle identifier

Atur bundle Identifier
Atur bundle Identifier

Langkah 3 : Import Vuforia SDK dengan double klik

Double click Vuforia SDK
Double click Vuforia SDK


Centang semua elemen import

Centang semua untuk import Vuforia SDK
Centang semua untuk import Vuforia SDK


Langkah 4 : Masukkan ARCamera dan ImageTarget ke dalam scene, delete Main Camera.

Masukkan ARCamera dan ImageTarget ke dalam scene
Masukkan ARCamera dan ImageTarget ke dalam scene


Vuforia mensuport debugging di PC menggunakan camera webcam. Tapi jika hardware belum di support Vuforia Anda dapat menonaktifkan fitur ini.

Disable 'Don't use play mode' jika error
Disable 'Don't use play mode' jika error


Jangan lupa save scene dengan Ctrl + S setiap melakukan perubahan untuk menghindari hal yang tidak diinginkan


Langkah 5 : Definisikan marker dengan klik ImageTarget kemudian klik 'No targets defined. Press here for target creation !'


Definisikan marker untuk target
Definisikan marker untuk target
Anda akan diarahkan ke website Vuforia. Login untuk masuk ke akun Anda. Pertama klik 'Add License Key' pada 'License Manager' untuk membuat lisensi. Lisensi ini nantinya berkaitan dengan harga yang harus Anda bayar. Tenang saja, untuk tutorial kali ini Anda dapat menggunakan license free.


License manager pada Vuforia
License manager pada Vuforia

Pada lisensi ada kode yang harus Anda letakkan di code Anda. Copy semua kode tadi kemudian masukkan di ARCamera pada project Anda

Lisensi Vuforia
Lisensi Vuforia

Masukkan ke ARCamera

Masukkan license ke ARCamera
Masukkan license ke ARCamera


Kemudian definisikan marker pada image target. Pada bagian 'Target Manager' klik 'Add Database'.

Tambahkan database
Tambahkan database


Masukkan nama database, kemudian upload marker. Marker yang Anda Upload akan ditampilkan dan diberi rating

Marker yang di upload di Vuforia
Marker yang di upload di Vuforia

Kali ini saya menggunakan marker berikut, Anda dapat menggunakan marker lain.

Marker
Marker
Setelah selesai download datasetnya, pilih 'Unity Editor'. Kemudian Anda akan mendapatkan file dengan ekstensi .unitypackage.

File .unitypackage berisi dataset marker
File .unitypackage berisi dataset marker


Langkah 6 : Import file dataset dengan double click file dataset dengan ekstensi .unitypackage yang Anda dapatkan dari Vuforia. Kemudian tentukan dataset yang digunakan pada ImageTarget

Tentukan dataset pada Image Target
Tentukan dataset pada Image Target

Taruh object yang akan dimunculkan pada AR di atas Image Target. Buat object tersebut menjadi child dari ImageTarget. Pada contoh ini saya memakai object cube dengan klik GameObject >> 3D Object >> Cube

Menletakkan object AR
Menletakkan object AR




Konfigurasi ARCamera untuk me load dataset

Konfigurasi ARCamera untuk me-load dataset
Konfigurasi ARCamera untuk me-load dataset


Langkah 7 : Jalankan project dengan klik File >> Build Settings >> Build. Copy file .apk ke device Android Anda dan jalankan aplikasinya

Preview aplikasi Augmented Reality Unity + Vuforia
Preview aplikasi Augmented Reality Unity + Vuforia

Preview aplikasi Augmented Reality Unity + Vuforia
Preview aplikasi Augmented Reality Unity + Vuforia
Selesai sudah tutorial saya hari ini, semoga artikel ini bermanfaat. Adapun project dari tutorial ini dapat Anda download dengan klik link di bawah.

Klik disini untuk mendownload project

Akhir kata Mohon maaf jika ada kekurangan, tetap semangat dan terus berkarya :)


Note :

Berhubung Unity dan Vuforia selalu update setiap beberapa bulan sekali jadi ada banyak sekali pertanyaan dan banyak juga yang kirim email sampe saya bingung bales. Untuk itu jadi sekalian saya jualan yaa.. hehehe.. 

Jual Video Tutorial Augmented Reality terupdate menggunakan Unity + Vuforia terbaru dengan bahasa Indonesia. Harga 100rb (dapat berubah sewaktu-waktu tanpa pemberitahuan di blog ini), tersedia juga paket konsultasi online via skype atau Team Viewer atau request tutorial lainya seperti Unity VR, Leap Motion, dsb. Berminat? Email me : saifuddinazhar@gmail.com.


Hasil pembelian dari video tutorial akan digunakan sebagai support untuk mengupdate terus content blog ini ^_^


55 comments:

  1. makasi banyak mas ashar. sangat sangat berguna sekali artikelnya. btw kalo saya mau tanya2 lebih jelas soal AR ini gimana ya mas ashar, apa boleh saya minta id LINE atau mesenger lain mgkin.. saya kesulitan waktu nggabungin image target sama gambar 3Dnya. makasih mas :)

    ReplyDelete
    Replies
    1. mas bisa minta tutor membuat banyak objek dalam 1 marker? dan membuat jarak tangkap kamera sekitar 2 meter atau lebih. terimakasih mas

      Delete
  2. waktu build kkok di tanya folder JDK nehh bro .. gimana ya ?

    ReplyDelete
    Replies
    1. Emang butuh install JDK (Java Development Kit) http://www.oracle.com/technetwork/java/javase/downloads/index.html

      Delete
  3. Keren tutorialnya, boleh tolong bikin yg animasi juga nggak ?

    ReplyDelete
  4. gan ane sudah ikuti tutorialnya persis. tapi pas build n run ke hp hasilnya malah nampilin layar hitam / blank. kenapa ya gan?
    saya pakai unity 4.5 + vuforia 5.0.5

    ReplyDelete
  5. waktu build kkok di tanya SDK root folder nehh bro .. gimana ya ?

    ReplyDelete
  6. harus login dlua vuforia ? register donk

    ReplyDelete
  7. kok pas dijalankan di smartphone android kok g mau konek kamera ya bang? layarnya jadi warna hijau aj pdhal tutor udh ane ikutin ..

    ReplyDelete
  8. Gan mau nanya. klo mau di kasih tombol gmna.
    misalnya ane buat markernya mobil, stelah muncul gmbar 3D nya, disana pengen d kasi button misalnya button detail. klo d tekan nanti mengarah ke form tentang informasi mobil itu.
    kira2 bisa gak gan

    ReplyDelete
  9. ijin share blognya ya gan. untuk tugas kuliah nih. thank you so much. sukses terus ya.

    ReplyDelete
  10. dapetin vuforia sdk yang 5.0.5 nya dimana ya ? yang ada di postingan itu versi 5.0.10

    ReplyDelete
  11. Mas, bisa upload atau kirim vuforianya yg versi 5.0.5 atau yg d bawahnya yg penting masih versi 5.
    Ini unity ane versi 5.0.0 gk support sama vuforia 5.0.10 yg ad d situs resminya..
    Makasih gan...email ane rizkydpu@gmail.com

    ReplyDelete
  12. Mas, bisa upload atau kirim vuforianya yg versi 5.0.5 atau yg d bawahnya yg penting masih versi 5.
    Ini unity ane versi 5.0.0 gk support sama vuforia 5.0.10 yg ad d situs resminya..
    Makasih gan...email ane rizkydpu@gmail.com

    ReplyDelete
  13. gan kalau menampilkan video gimana ?

    ReplyDelete
  14. gan kalo download unity v 5.x tapi kok platform nya untuk android gak bisa di switch ya?? cara mengatasinya bagaimana?

    ReplyDelete
  15. Permisi min, saya mau tanya, kan saya udah ikutin cara-cara diatas, dan berasil nge detect marker dan muncul 3d image nya, tetapi setelah muncul, saya angkat marker atau ya tidak sorot markernya, gambar 3d nya gamau hilang min, caranya gimana ya, mohon bantuannya min ...
    terimakasih...

    ReplyDelete
  16. gan, mau tanya.. saya newbi nih untuk bahan skripsi tentang AR

    misal saya download unity yang kompatibel versi antara unity dengan vuforia dengan blender apa ya?
    dan link juga apa?
    kalo pakek unity yang versi 5 keatas juga gimana caranya biar bisa dipakek untuk android karena bisanya windows pc mac aja, android di switch gak bisa. terima kasih

    ReplyDelete
  17. kenapa ya pas di import dataset nya ga muncul ?

    terjadi eror ky gini
    Overriding existing asset with new GUID from package, this may break links within your project to package assets (Assets/StreamingAssets/QCAR/jajalAR.xml)

    ReplyDelete
  18. Gan setelah apk diinstal tapi ktika akan djalankan kluar melulu. Itu knapa?
    Terimakasih.

    ReplyDelete
  19. mas yang di download unity itu yg unity editor atau yg apa soalnya pilihannya banyak.
    sy mau pakai yg versi 5.4.2
    kalau berkenan untuk menjawab pertanyaan atau bs di bls di email sy mas ion.cup69@gmail.com

    ReplyDelete
  20. mas saya kok waktu build muncul perintah "selec android SDK ROOT Folder" kenapa ya?

    ReplyDelete
  21. gan mohon gan bantuan,, sy sudah jalan dengan ui,, tapi kalau di start hasil objek nya hitam. gmna ya

    ReplyDelete
  22. maaf mas mau numpang nanyak... klo setelah d buil .APK namun di instal di device kok blank knpa y mas? tlong masukan donk? versi unity 5.4.2,

    ReplyDelete
  23. Bisa bantu untuk metode markerless input database seperti apa?

    ReplyDelete
  24. Mas kalau input database untuk metode markerless itu apa sama aja?

    ReplyDelete
  25. Apakah sama saja untuk metode markerless? Input db nya?

    ReplyDelete
  26. aku kok gabisa login ke unity ya, padal udah confirm juga -__- gimana ngatasinnya nih suhu

    ReplyDelete
  27. Gan cara buat model/karakternya sendiri gimana gan?

    ReplyDelete
  28. mas,saya build PC sudah berjalan .exe nya. tetapi kamera tidak muncul dan ada pesan error "Could not initializ the tracker" bisa dibantu mas ?

    ReplyDelete
  29. mas kalo buat objek tatasurya pake unity apakah bisa ??

    ReplyDelete
  30. kalau yang animasi gimana? objectnya bisa di buat di blender gak? trus extensi exportnya apa?

    ReplyDelete
  31. gambar marker gak mau muncul kenapa ya ?

    ReplyDelete
  32. Terima Kasih.. Pa. sangat membantu.!

    ReplyDelete
  33. Terima kasih. Pa, sangat membantu..
    Pa. sy lg punya masalah Tentang AR. sy bisa tanya.?

    ReplyDelete
  34. kalau video tutorial ada nga kak

    ReplyDelete
  35. bisa minta video tutornya nga kak

    ReplyDelete
  36. Hi, ada contact info yg bisa dhubungi ngga? tlg email saya di duthce@gtmail.com
    saya ingin tau lebih lanjut kalau mas tertarik ngerjain ar sama saya. tks,

    ReplyDelete
  37. Syarat agar marker ratingnya bintang 5 gmna ya gan ??

    ReplyDelete
    Replies
    1. Intinya harus memiliki texture yang banyak, Mungkin bisa baca di panduan Vuforia aja :)

      Delete
  38. Kak kalo pake markerless gimana caranya?

    ReplyDelete
    Replies
    1. Kalau ini saya belum pernah bikin, mungkin bisa pake open cv dan sejenisnya kali yaa

      Delete
  39. gan kalo bikin 3d object kita sendiri dimana ya ?

    ReplyDelete
  40. switch platformnya kok disable ya boss...saya instal yg 2017.1.1fi

    ReplyDelete
  41. waktu build ko suruh nentuin lokasi sdk...di cari gaada..gimana ya...
    klo download dimana ya

    ReplyDelete