Contoh Augmented Reality (AR) dengan FLAR Manager + FlashDevelop


Kebetulan saya lagi ada kerjaan membuat sebuah permainan yang bebasis AR – Augmented Reality, kemudian saya mencoba mencari tutorial-tutorialnya di google, nemulah contoh AR yang dibuat oleh mas fathah, kemudian saya coba dan berhasil.

Sebelum mencoba, persiapkan dulu beberapa file berikut ini :

- FlashDevelop

- Source Code

Nah, kalau sudah siap semua dan sudah siap digunakan, buka file FlashDevelopProject_FLARManager_v1_1_0.as3proj, kemudian tekan F5 untuk mem-build source codenya, oh ya kalau flexsdk nya belum terinstall, install dulu, flexsdk bisa didownload disini, kalau sudah terdownload, masuk ke project properties  (menu project -> properties) dan pilih tab SDK, pilih custom SDK dan pilih flexSDK yang didownload tadi, (sebelumnya di extract dulu)

manage-flexSDK-flashdevelop-herupurwito.wordpress.com

Gunakan marker berikut ini untuk mencoba :

Marker Model 1
Marker Model 2
Marker untuk perbesar model 2 kali

Hasilnya :

hasil tanpa marker untuk perbesar model 2 kali
hasil tanpa marker untuk perbesar model 2 kali
hasil setelah ditambahkan marker untuk perbesar 2 kali
hasil setelah ditambahkan marker untuk perbesar model 2 kali

Untuk menambahkan marker dan model, bisa edit file

resources\flar\flarConfig.xml
untuk menambahkan marker, tambahkan setelah baris 53

src\examples\MultiMarkerMultiCollada.as

tambahkan embed texture dan model .dae nya (baris 68)

tambahkan variabelnya (baris 57 dan 63)

tambahkan model container (baris  126)

check onMarkerAdded, onMarkerUpdated, onMarkerRemoved, onEnterFrame, markerAdded, markerRemoved

Perlu diingat, ketika menambahkan model, buka dulu file .dae dengan text editor (contohnya notepad++) kemudian cari “material id”, ganti “FF_FF_FF_mario1″ dengan material id yang ada pada masing-masing file .dae nya

Untuk yang proses perbesar model 2 kali, bisa di cek pada baris 219

this.modelContainerMarioMerah.scale(2);

About these ads

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s