Friday 23 September 2016

Tutorial Cara Pembuatan Animasi Augmented Reality (AR) dan Membuat Aplikasinya Menggunakan Unity dan Vuforia SDK

Tutorial Cara Pembuatan Animasi Augmented Reality (AR) dan Membuat Aplikasinya Menggunakan Unity dan Vuforia SDK

  • Apa itu Augmented Reality ??
Mungkin Sobat tidak asing lagi dengan yang namanya Augmented Reality yang dikenal dengan singkatan bahasa Inggrisnya AR (augmented reality), yaitu teknologi yang menggabungkan benda maya dua dimensi dan ataupun tiga dimensi ke dalam sebuah lingkungan nyata.
Ok... Pada artikel kali ini saya akan berbagi sedikit tutorial bagaimana cara membuat augmented reality di perangkat mobile, khususnya dalam platform Android menggunakan marker. Langsung saja tahap yang harus dilakukan :
Download dan Siapkan alat tempur:



  1. Marker disini ( marker yang digunakan dalam tutorial ini gambar bungkus rokok samp*erna)  atau kalian bisa membuat marker sendiri di Vuforia Develop. disini.
  2. Unity3D  ( Versi yang digunakan dalam tutorial ini 4.3.4f1 ) Download dan instal di leptop/PC anda.
  3. Vuforia SDK ( Versi yang digunakan dalam tutorial ini vuforia-unity-android-ios-3-0-9 ), download versi barunya disni.
  4. Android SDK ( Versi yang digunakan dalam tutorial ini Windows 32 & 64-bit, saya menggunakan  adt-bundle-windows-x86_64-20140321 ) Download dan Extract di leptop/PC anda. Download versi barunya disini
  5. Smartphone Android.
  6. File animasi dari blender yang sudah di format ke dalam *fbx.

Langkah-langkah memulai :

  1. Setelah alat tempur diatas disiapkan jalankan aplikasi Unity3D dan buat project baru dengan cara klik "File->New Project" disini saya membuat project dengan nama "New Unity Project 7". Jangan lupa di save (CTRL+S) terserah berinama apa aja untuk Scene. disini saya berinama "New Unity Project 7".
  2. Lalu klik kanan pada bagian Assets. Import Package->Costum Package,
  3. Import Package SDK Vuforia yang kalian download tadi,
  4. Delete Main Camera pada Unity,
  5. Lalu drag ARCamera dan ImagetArget,
  6. Klik kanan pada Assets, pilih Create > Folder dan beri nama Model,
  7. Selanjutnya adalah tahap penyisipan Marker, yaitu dengan cara klik kanan pada Assets > Import Package > Costum Package > pilih marker (Semporna) > Open,
  8. Setelah disisipkan, load marker, klik ImageTarget pilih Marker disini namanya Sempoerna
    ,
  9. Pada ARCamera beri ceklis,
  10. Atur posisi camera menjadi X=0 Y=0 Z=0,
  11. Setelah mengatur posisi ARCamera, sekarang atur Posisi ImageTarget X=0 Y=0 Z=0,
  12. Klik Folder Model dan klik Objek dari blender yang sudah di import, dan tab Model atur Scale Factor=1, Tab Rig atur Animation Type=1, dan beri ceklis pada Generate Colliders, Tab Animations atur Wrap Model=Loop, Ceklis Add Loop Frame, pada Warp Mode=Loop, biar animasinya bergerak berulang atau berjalan terus,
  13. Drag objeknya ke dalam ImageTarget,
  14. Maka hasilnya seperti ini,
  15. Atur semua posisi, rotasi, scale pada objek, ARCamera, dan ImageTarget,
  16. Maka hasilnya kurang lebih seperti ini,
  17. Sampai sini, sebenarnya animasi sudah bisa di lihat hasilnya, kirimkan gambar Marker yang di buat Web vuforia ke smartphone, kemudian buka gambar tersebut di smartphone anda, dan klik play, dan akan muncul kamera dan letakkan posisi smartphone anda tepat depan kamera,

  18. Maka hasilnya seperti ini,
  19. Selanjutnya adalah Tahap Mengcompile atau merubah menjadi file APK untuk Android agar bisa jalankan di perangkat ponsel Android kalian, Sebenarnya ada dua cara untuk penginstalan, namu disini saya hanya mnjelaskan penginstalan menggunkan file *APK yaitu dengan cara Klik File->Building Setting atau CTRL+Shift+B. pada bagian Platform pilih Android lalu klik Switch Platform jangan lupa untuk Add Current untuk menambah Scene yang kita save tadi. Klik player Setting dan atur sperti gambar di bawah, Untuk seting lainnya seperti Spesifikasi Android kalian bisa atur sesuai dengan OS android yang kalian gunakan pada Other Setting. Setelah itu kalian tinggal klik Build  tunggu hingga proses selesai. 
  20. Setealah menjadi file *APK Instal aplikasi di Android kesayangan kalian, lalu jalankan,
  21. Maka hasilnya akan seperti ini,

Akhirnya selesai juga, cukup panjang juga cara pembuatannya pasti anda merasa lelah, sama saya juga lelah membuatnya, tapi tetap semangat ya...

1 comment:

  1. Knpa objek nya gerak sendiri .. pdahal gak ada gambar maker nya?

    ReplyDelete