Belajar - Membuat Augmented Reality dengan Flartoolkit

romadhon-byar.blogspot.com - Dari waktu ke waktu, teknologi mampu memenuhi kebutuhan manusia dalam berbagi hal yang belum tentu manusia kerjakan dengan maksimal. Dengan teknologi, manusia dapat dengan mudah mengeluarkan imajinasi yang belum tentu ada di dunia nyata. Nah, bicara tentang imajinasi, salah satu teknologi yang akan kita bahas saat ini bertumpu pada imajinasi kita masing - masing. Dengan teknologi ini kita dapat membuat sebuah bentuk 3D yang seterusnya dapat kita tampilkan pada dunia nyata alias dunia virtual ditampilkan pada dunia nyata.

Teknologi apa itu? Apa nama teknologi-nya? Apakah mudah untuk mempelajari-nya? Apakah kita harus Ngoding juga? Hmm, Teknologi ini adalah teknologi yang dimana Dunia Virtual dapat muncul di Dunia Nyata dengan bantuan kamera yang sebelumnya telah di setting dengan toolkit-nya. Nama teknologi-nya adalah Flartoolkit. Flartoolkit ini bersifat Open Scoure alias di gratiskan oleh pembuatnya. Untuk mempelajari Flartoolkit cukup mudah jika ada kemauan untuk belajar (benarkan saya?). Dalam pembuatan Augmented Reality yang ditekankan adalah pembuatan objek 3D-nya saja. Pada bagian Adobe Flash ada Ngoding-nya juga, tetapi disini kita hanya mengubah bagian - bagian yang perlu untuk diubah yang terkait dengan 3D-nya.

Sebenarnya apa itu Augmented Reality, lalu apa gunanya sih?

Sebelumnya sudah saya jelaskan secara singkat bahwa Augmented Reality adalah sebuah virtual yang dapat kita munculkan ke dalam dunia nyata dengan perantara kamera. Kegunaan dari Augmented Reality sendiri yaitu sebagai alat tambahan dalam pekerjaan manusia alias sebagai alat pendukung di kehidupan nyata. Contohnya memberikan efek 3D pada latar belakang sebuah acara televisi, memanfaatkan objek 3D sebagai contoh produk yang asli, memberi petunjuk arah dan lain sebagainya.

Apakah untuk membuat Augmented Reality hanya satu cara (Flartoolkit) saja?

Tidak, untuk membuat sebuah Augmented Reality ada beberapa metode, tidak hanya Flartoolkit saja.

1. ARToolkit
ARToolkit adalah sekumpulan library yang dikembangkan menggunakan bahasa C atau C++.
2. Flartoolkit
Flartoolkit adalah sekumpulan library yang dibuat dengan menggunakan Flash. Flartoolkit adalah lanjutan atau kembangan dari ARToolkit. Tool ini dapat dikembangkan pada website.
3. Nyartoolkit
Nyartoolkit sendiri berasal dari ARToolkit juga, tetapi jika ARToolkit memakai Bahasa C atau C++ lain halnya Nyartoolkit, tool ini memakai Bahasa Java.

Kali ini saya hanya membahas Flartoolkit saja. :) Karena saya agak menguasai ilmu ini, hehehe :)

O.k Langsung saja. 

Bahan - bahan yang diperlukan untuk membuat Augmented Reality dengan Flartoolkit antara lain:

1. Flartoolkit 
2. 3D Max Versi apa saja. (di sini saya memakai versi 2010)
3. OpenCOLLADA_3ds_Max_1.3.1_x86 (untuk tambahan 3D Max)
4. Adobe Flash (di sini saya menggunakan CS3 dan CS5)
5. Marker AR

Jika belum ada silakan download terlebih dahulu bahan - bahannya:

1. www.mediafire.com/download.php?uf1v14i4cl5s317 
 (Isi-nya Flartoolkit, Marker Generator, Marker dan OpenCollada)
2. Adobe Flash CS3 Portable (Sorry, belum di Upload, ada masalah)
3. www.mediafire.com/view/?xxtc3cpycur9tm7 - Marker Buatan Admin.
4. 3D Max 2010 (Link download O.k)
• 3D Max.part01.exe
• 3D Max.part02.rar
• 3D Max.part03.rar
• 3D Max.part04.rar
• 3D Max.part05.rar
• 3D Max.part06.rar
• 3D Max.part07.rar
• 3D Max.part08.rar
• 3D Max.part09.rar
• 3D Max.part10.rar

[TAHAP PERTAMA]
Oke, setelah bahan - bahannya siap kita langsung saja membuat AR nya. Pertama kali untuk membuat AR adalah membuat dahulu Objek 3D-nya dengan 3D Max. Buka aplikasi 3D Max-nya, lalu buat sebuah kotak. (lihat tools dikanan) Object Type > Box lalu buat kotaknya pada tempat yang telah disediakan.

Membuat Box

Setelah membuat Box-nya langsung saja kita Export, klik lambang 3D Max yang ada pada pojok kiri atas > Export > Export.

Meng-Export

Export Box tersebut ke dalam folder Flartoolkit > Model lalu pada "File Name" beri nama Box.DAE "Save as Type"  ke OpenCOLLADA(*.DAE). Lalu Klik "Save"

Men-Save

Langkah berikutnya, Centang semua cekbox pada kotak dialog "OpenCOLLADA Export" sesuai dengan gambar dibawah ini. Setelah itu Klik "Ok"

OpenCOLLADA Export

[TAHAP KEDUA]
Nah, tahap pembuatan bentuk 3D pada 3D Max sudah selesai selanjutnya kita menuju ke tahap berikutnya.
Pada tahap ini kita akan meng-Copy dan paste file "Box.DAE" yang tadi kita buat ke dalam folder "Data" lalu ubah Ektensi file "Box.DAE" menjadi "Box.PAT".

Langkah - langkahnya, masuk ke folder Flartoolkit > Model (Copy file Box.DAE) setelah meng-Copy lalu masuk ke folder Flartoolkit > Data (Paste file Box.DAE) lalu ubah ekstensinya menjadi *.PAT.

Folder Flartoolkit

Folder Model

Folder Model adalah tempat untuk men-Save Export dari 3D Max.

Meng-Copy file Box.DAE

File Box.DAE yang terdapat pada folder Model di copy.

Folder Data

Ganti Ekstensi

Ganti Ekstensi *.DAE menjadi *.PAT

[TAHAP KETIGA]

Setelah mengganti Ekstensi-nya, sekarang kita men-Scan Marker Augmented Reality dengan menggunakan "Marker Generator" yang ada pada folder Marker Generator. (Scan Marker Secara OFFLINE)

Scan Marker Augmented Reality

Buka Marker Generator-nya > Klik Allow > Arahkan Marker ke Kamera sampai dilingkari warna merah > Klik Get Pattern.

Save Marker Augmented Reality

Selanjutnya Klik Save yang ada pada Marker Generator > Simpan Marker-nya di dalam folder Data > Lalu langsung Save (Lihat gambar untuk lebih jelasnya).

Catatan: Marker Generator dalam format *.swf. Jika tidak bisa di buka instal Adobe Flash atau melakukan "Scan Marker secara ONLINE".
Link-nya: http://flash.tarotaro.org/ar/MarkerGeneratorOnline.swf
(caranya sama seperti yang OFFLINE).

[TAHAP KEEMPAT]
Setelah Scan marker selesai, selanjutnya buka Adobe Flash CS3-nya.

Pilih Flash File (ActionScript 3.0)

Pada bagian ini pilihlah "Flash File (ActionScript 3.0)".  

Tampilan Tab Flash File (ActionScript 3.0)

Pada bagian ini berikan nama pada "Document Class". Contohnya: belajar.
Pada bagian ini Save dengan Ekstensi *.Fla

Buat File ActionScript File

Pilih ActionScript File

Pada bagian ini Klik File > New > ActionScript File

Tulis Kodenya

package{
  import flash.events.Event;
  import org.papervision3d.objects.parsers.DAE;
  [SWF(width=640, height=480, backgroundColor=0x808080, frameRate=30)]
 
    //Kata "Belajar" harus sesuai dengan nama file-nya Mau itu .fla atau .As (Sesuaikan!)
    public class belajar extends PV3DARApp 
    {
 //Kata "_Box" harus sama dengan nama file *.DAE dan *.PAT (Sesuaikan!)
 private var _Box;DAE;
 public function belajar() {
    addEventListener (Event.INIT, _onInit);
    init('Data/camera_para.dat','Data/Box.pat');
    }
  
           private function _onInit(e:Event):void 
           {
  _Box = new DAE();
  _Box.load('model/Box.dae'); //untuk membca file pd folder model
  _Box.scale = 2; //Skala 3D-nya
  _Box.rotationX = 90; //Rotasinya
  _markerNode.addChild(_Box);
    }
     }
}

Save File kodingan-nya

Save File kodingan-nya

Save filenya didalam folder Flartoolkit lalu beri nama dan dengan ekstensi *.As

Setelah kita save semua filenya, selanjutnya tinggal eksekusi saja file tersebut dengan cara CTRL+Enter.

Eksekusi 

Tampilan Box Kamera

Jika Kodingan benar dan tidak ada yang salah maka akan tampil seperti ini.
Selanjutnya klik tombol "Allow"

Hasil Output Augmented Reality

Nah, ini tutorial yang pakai Adobe Flash CS5 

Jika ada kritik dan saran dari Anda, silakan contact saya disini => romadhon-byar 

Terima Kasih ... Mohon Maaf, jika saya lama merespon pertanyaan dari Agan sekalian.