Friday 23 September 2016

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

           1 comment   

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,

Cara bikin Augmented Reality ARToolkit

           No comments   

Tutorial Membuat Augmented Reality dengan ARToolkit

Ini adalah postingan lanjutan dari pos sebelumnya  kali ini saya akan membagi bagaimana membuat Augmented Reaity dengan ARToolkit. Cara ini lebih sederhana dari yang lain, karena augmented ini bertipe marker atau menggunakan marker. Langkah pertama untuk membuat augmented reality adalah membuat markernya terebih dahulu, bagaimana caranya:

  1. Pastikan anda telah memiliki ARToolkit
  2. Buka folder Pattern (..:\\ARToolkit/patterns/), Lalu disana terdapat file blankPatt.
  3. Gambari blankPatt tersebut sesuai selera anda dengan aplikasi grafis. (yang penting gambar hitam putih)
  4. Lalu cetak gambar tersebut ke kertas atau jika malas mencetak copykan gambar tersebut ke smartphone anda.
  5. Buka folder bin (..:\\ARToolkit/bin) lalu disana terdapat file mk_patt.
  6. Buka file mk_patt, maka akan keluar tampilan seperti webcam
  7. Arahkan gambarmu ke arah webcam tersebut, ketika pinggir marker terlihat garis warna merah-kuning seperti gambar dibawah, klik gambar tersebut. 
  8. Setelah gambar diklik, beri nama file marker tersebut denan nama patt.smile (nama tesebut bisa diganti asal nama depannya adalah patt.).
  9. Lalu Tekan Enter
  10. Pindahkan patt.smile tersebut ke dalam folder Data (:\\ARToolkit/bin/Data)
  11. Masih di folder Data buka file object_data_vrml dengan menggunakan notepad atau notepad++
  12. Ganti angka #the number of patterns to be recognized menjadi 3

Friday 16 September 2016

Step by Step Membuat Simple Augmented Reality(AR)

           No comments   

Step by Step Membuat Simple Augmented Reality(AR) Marker dan Markerless di Android Menggunakan Unity dan Vuforia SDK 

  • Download dan Siapkan alat tempur :
  1. Marker disini ( rokok marlb**o)  atau kalian bisa membuat marker sendiri di Vuforia Develop. 
  2. Unity3D  ( Versi 4.3.3f1 ) Download dan instal di leptop/PC anda.
  3. Vuforia SDK ( Versi vuforia-unity-android-ios-3-0-5 ) 
  4. Android SDK ( Versi  Windows 32 & 64-bit  ) Download dan Extract di leptop/PC anda.
  5. Smartphone Android.
  • Langkah-langkah memulai :

1. Jalankan aplikasi Unity3D dan buat project baru dengan cara klik "File->New Project" disini saya membuat project dengan nama "Marlboro". Jangan lupa di save (CTRL+S) terserah berinama apa aja untuk Scene. disini saya berinama "Test1".

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.Maka akan terlihat seperti ini:

7.Selanjutnya adalah tahap penyisipan Marker, yaitu dengan cara double klik pada marker yang telah kalian download tadi atau yang kalian buat. lalu Import

8.Setelah disisipkan, load marker yang terdapat pada ARCamera di tab inspector dengan cara klik ARCamera lalu Ceklist Load Dataset dan Activasi.

9.Tahap berikutnya menentukan ImageTarget untuk marker, pilih ImageTarget lalu pada Tab inspector tentukan Dataset dan Imagetarget

10.Setelah marker disisipkan dan telah diload ARCamera, selanjutnya adalah tahap menyimpan Objek . objek apa yang akan muncul ketika kamera mulai mentracking marker. mungkin untuk sementara kita gunakan sebuah Cube saja. apabila ada yang memiliki model 3D lainnya silahkan kalian import. 

11.Atur tata letak Cube hingga terlihat di atas marker. kalian bisa mengubah manual pada bagain Transform.


12.Setelah mengatur posisi objek/ Cube. Sisipkan Cube pada ImageTarget.

13. Hingga terlihat seperti ini

14.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.  

15.Masih di Bulding Setting, Klik player Setting dan atur sperti gambar di bawah.

16.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. Jika disaat pengcompile muncul popout android-sdk-windows baca artikel ini. jika tidak lanjut tahap ke 17.
17.Setealah menjadi file.APK Instal aplikasi di Android kesayangan kalian. lalu jalankan. :D
Bentuk Cube masih terlihat gelap, untuk menerangkanya tambahkan Directional Right dengan cara pilih GameObject->Creat Other->Directional Right. lalu ulangi tahap 16. maka hasilnya akan seperti ini :

Sekian tutorial membuat Augmented Reality pada perangkat Android menggunakan Vuforia dan Unity. Semoga tutorial ini dapat membantu kalian dalam membangun Aplikasi Augmented Reality. Terimakasih sudah mampir diblog ini ^_^.  Bagi yang ingin langsung mencoba silahkan download Project dibawah ini