Buku Augmented Reality With ARToolkit

Buku Augmented Reality With ARToolkit
Dapatkan Segera

Leave Comment


ShoutMix chat widget

SELAMAT DATANG DI AUGMENTED REALITY TEAM (A.R.T)

Kami Adalah Sebuah Tim Augmented Reality yang bergerak untuk mengembangkan AR di Indonesia. Blog ini dibuat untuk kita, saling berbagi, bertanya, dan berdiskusi tentang AR. Semoga Bermanfaat

SELAMAT DATANG DI AUGMENTED REALITY TEAM (A.R.T)

Kami Adalah Sebuah Tim Augmented Reality yang bergerak untuk mengembangkan AR di Indonesia. Blog ini dibuat untuk kita, saling berbagi, bertanya, dan berdiskusi tentang AR. Semoga Bermanfaat

SELAMAT DATANG DI AUGMENTED REALITY TEAM (A.R.T)

Kami Adalah Sebuah Tim Augmented Reality yang bergerak untuk mengembangkan AR di Indonesia. Blog ini dibuat untuk kita, saling berbagi, bertanya, dan berdiskusi tentang AR. Semoga Bermanfaat

SELAMAT DATANG DI AUGMENTED REALITY TEAM (A.R.T)

Kami Adalah Sebuah Tim Augmented Reality yang bergerak untuk mengembangkan AR di Indonesia. Blog ini dibuat untuk kita, saling berbagi, bertanya, dan berdiskusi tentang AR. Semoga Bermanfaat

SELAMAT DATANG DI AUGMENTED REALITY TEAM (A.R.T)

Kami Adalah Sebuah Tim Augmented Reality yang bergerak untuk mengembangkan AR di Indonesia. Blog ini dibuat untuk kita, saling berbagi, bertanya, dan berdiskusi tentang AR. Semoga Bermanfaat

SELAMAT DATANG DI AUGMENTED REALITY TEAM (A.R.T)

Kami Adalah Sebuah Tim Augmented Reality yang bergerak untuk mengembangkan AR di Indonesia. Blog ini dibuat untuk kita, saling berbagi, bertanya, dan berdiskusi tentang AR. Semoga Bermanfaat

Saturday, September 10, 2011

Tutorial Animasi Tata Surya (Bulan Mengelilingi Bumi)

Assalamualaikum Wr.Wb

Selamat datang di A.R.T, pada tutorial kali ini akan dibahas tentang membuat animasi tata surya. Animasi ini sebenarnya sudah saya bahas di tutorial Animasi membuat kupu-kupu terbang sebelumnya, karena tehnik yang dipakai persis dan mirip dengan yang akan dibahas di tutorial ini. tetapi karena beberapa waktu yang lalu, banyak yang me-request tutorial tata surya, jadi kami buatkan tutorialnya. tetapi tutorial ini hanya perputaran bulan mengitari bumi, untuk tata surya 9 planet, bisa kalian buat sendiri yah, karena kami sendiri juga tidak paham tentang gerak tata surya, tetapi setidaknya kalian bisa tahu tehnik membuat animasinya.




Ok, langsung saja ikuti tutorial dibawah. 

1. Buka 3DSMax kalian masing-masing (kami memakai 3DSMax 9 yang Mudah)
2. Cari Texture Bumi dan Bulan di Penelusuran Gambar dengan Google. Jika ketemu Copy-Paste ke Folder Artoolkit\Bin\Wrl\Textures  
3. Buat 2 Sphere, yang 1 Besar untuk bumi yang 1 Kecil untuk bulan. (Ukurannya Dikira2 Sendiri, tergantung kemampuan kamera kalian)

3. Selanjutnya, kita masukkan texture Bumi dahulu di slot 1 caranya, Tekan M di Keyboard, lalu akan muncul Material Editor


















4. Setelah itu pilih slot 1, buka tanda (+) Maps >> Beri Tanda Checklist Diffuse Color >> Klik None >> Klik Bitmap >> Lalu Cari Texture Bumi dan Bulan yang sudah kalian simpan di Folder Artoolkit\Bin\Wrl\Textures


















5. Setelah ketemu Texture Buminya, Klik Open. maka Texture bumi akan menempel di Slot 1.

















6. Selanjutnya, texture bumi yang udah masuk kita drag ke sphere yang besar. kemudian supaya texturenya muncul, kita klik tombol Show Map in Viewport. perhatikan gambar dibawah:


7. nah untuk texture bulan, bisa kalian setting sendiri yah. pasti sudah tau semua kan.











8. Ok.. Persiapan Texture Beres, sekarang saatnya Penganimasian. pertama2, kita klik tombol Shapes, lalu klik Circle. 


















9. selanjutnya, buatlah circle ditengah objek bumi. seperti gambar dibawah (walau tidak terlalu kelihatan). (Cat: kami kurang mengerti posisi bulan mengitari bumi, jadi kalo salah mohon maaf yah.,. hehe..)













10. Selanjutnya, Klik Objek Bulan lalu Buka Menu Motion >> Klik Tanda (+) Assign Contoroller


















11. Kemudian Klik Menu Position: Position XYZ >> Lalu Klik Tombol [?]


















12. Setelah itu akan muncul Menu Assiggn Position Controller. di Menu Tersebut, langsung kita Double Click Path Constraint. 




















13. Selanjutnya, setelah Path Constraint terbuka. kita Klik tombol Add Path di Menu Path Parameters. lalu klik Circle yang telah kita buat tadi.












14. nah sekarang, klik tombol Play, pasti sudah jalan Animasinya..













15. Ok Selesai.. Sekarang tinggal, Di Export ke VRLM97 (Wrl). sudah tau semuanya kan caranya?. kalo belum tau, bisa dipelajari dulu Tutorial Membangun Augmented Reality dari Awal yang bisa didownload di blog kami. Sekian Tutorial kali ini, semoga bisa membantu..






















Catatan Penting:
Tehnik Path Constraint ini Bisa digunakan Untuk Banyak Path (Circle atau Line) di Banyak Objek. jadi kalian bisa, membuat Sistem Tata Surya 9 Planet, dengan menggunakan Tehnik Ini. 






Dapatkan Buku Kami Disini:
www.nulisbuku.com




















Friday, September 9, 2011

Augmented Reality dengan Animasi Wave dan Curve Editor 3DSMax

Selamat datang di A.R.T. pada tutorial kali ini akan membahas Tehnik Animasi Wave yang sering digunakan oleh Animator Proffesional di 3DSMax untuk membuat Animasi objek yang "melambai-lambai" seperti Ombak, sayap, Air, dll. tadinya kami kira, tehnik Animasi Curve Editor dan Wave ini tidak akan jalan di ARToolkit, tapi ternyata jalan dengan sedikit pengaturan khusus di Exporter WRLnya. berikut hasilnya, seperti yang ditunjukkan di Video:



Bagaimana cara membuatnya, ikuti Tutorial dibawah:

1. Buka 3DSMax Versi yang Anda Punya. (Kami Sarankan Gunakan Versi 9, karna lebih Mudah)
2. Untuk Modelling Ikan Pari, bisa anda baca di Buku The Magic Of 3DStudio Max, karangan Hendi Hendratman., ST dan Robby ST, buku bisa dipesan di www.hendihen.com















3. Atau jika kamu belum mendapatkan bukunya, kamu bisa mendownload objek 3D Ikan Pari, yang sudah saya siapkan, Cukup DOWNLOAD DISINI, untuk sekedar latihan Animasinya.

4. Jika sudah didownload, buka Pari (Non Animasi).max di 3DSMax kamu..














Animasi Sayap Kiri

5. Pertama kita akan Menggerakan Sayap Kiri. untuk itu aktifkan objek ikan pari, kemudian klik Modify >> Modifier List: Mesh Select.















6. Selanjutnya buka tanda (+)  di Mesh Select kemudian pilih Vertex.


















7. Seleksi Vertex di Ujung kiri Saya Ikan Pari. (Sedikit Saja)














8. Selanjutnya, klik tanda (+) pada Soft Selection, lalu beri tanda Checklist Soft Selection dan atur Falloff = 37. maka vertex yang tadinya kita seleksi, akan menyebar ke sayap kiri.















9. Selanjutnya, sayap kiri masih dalam keadaan terseleksi. kita beri modifier list Wave. kemudian atur parameter Amplitude 1 = 10, Amplitude 2 = 10, dan Wave Length = 100, seperti gambar dibawah.



 



















10. Ok, jika sudah selesai. saatnya kita animasikan sayap kiri. Klik tombol Time Configuration (dibawah tompol, play stop and pause). lalu atur length animasi menjadi 199.






















11. Sekarang, Aktifkan Auto Key lalu Geser Time Slider ke posisi 199/199












12. Selanjutnya, di menu Parameter Wave, aktifkan Phase 2.0




















13. nah, sekarang jalankan animasinya. Jika diperhatikan baik-baik, saat animasi sayap kiri jalan, ada percepatan di awal dan perlambatan di akhir. untuk memperbaikinya, klik menu Graph Editor > Track View - Curve Editor 














14. kemudian, Klik Modified Objct > Wave > Phase














15. Setelah itu,. klik 2 titik di Ujung Gari bawah dan atas lalu klik tombol Set Tangens to Linear. sehingga kurva menjadi Lurus.
















Animasi Sayap Kanan


16.  Untuk Animasi sayap kanan, caranya sama seperti animasi sayap kiri. cukup, kalian ulang sendiri yah. sekarang kita lanjut langkah ke-17.

17. Ok. saya anggap kalian sudah membuat animasi sayap kanan. tetapi, saat di jalankan animasinya, pasti gerakan sayapnya tidak kompak, yang kanan keaatas, yang kiri kebawah. seperti terlihat di gambar bawah.














18. Gimana cara memperbaikinya?. caranya, masih sayap kanan dalam keadaan terseleksi, lalu klik Modify, klik tanda (+) pada modifier Wave >> Gizmo. lalu klik tombol Select and Rotate.












19. kemudian atur, posisi roatating sayap di menu yang letaknya dibawah menu time slider (saya tidak tau namanya). kemudian atur posisi Y: 180 seperti gambar dibawah:








20. masih di Gizmo sayap kanan, setelah Y diatur menjadi 180. sekarang, atur posisi X: 180. 












21. Beres.. Kini tinggal di Play. Sama Bukan gerakan Sayapnya?..

Animasi Ekor


21. Baiklah setelah Animasi sayap selesai, sekarang kita membuat Animasi Ekor. cara membuat animasi ekor sama dengan cara membuat sayap. pertama, tambahkan modifier mesh select >> Vertex >> Seleksi Ujung Ekor. 
















22. Setelah itu, buka tanda (+) Soft Selection >> Checklist Use Soft Selection >> beri Falloff: 33



















23. Kemudian seperti Biasa, kita beri Modifier List Wave, lalu beri Parameter Amplitude 1 = 5 dan Wave Length = 84. dan untuk Phase = 2. (Cat: Jangan lupa, saat diberi Phase, agar mengaktifkan dahulu Auto Key, lalu geser Time slider ke 199/199) 






















24. Kemudian terakhir, sama halnya saat kita memperbaiki animasi sayap kanan ikan pari, kita buka Gizmo pada Modifier Wave. Klik Tool Select And Rotate. lalu putar Sumbu X: 90 dan Sumbu Y: -90















25. Ok.. Animasi ikan Pari Beres. kini saatnya, tahap Exporting. saya rasa, pasti sudah tau semua cara Export ke Wrl karna sudah saya jelaskan di tutorial dasar. cukup, klik File > Export > Pilih Save as Type VRML97(*.WRL) > Save di folder ARToolkit\Bin\Wrl.. 


26. Sebelum kamu klik Save, , lakukan Setting di VRML97 Exporter seperti gambar dibawah ini, Supaya Animasi Ikan Parinya jalan di ARToolkit.






















Sekian.. Tutorial Kali Ini..
Semoga Berhasil, Jika ada Pertanyaan bisa ditanyakan di Komentar Blog Ini.


Wassalamualaikum. Wr.Wb


Salam.
A.R.T









Dapatkan Buku Kami Disini:
www.nulisbuku.com











Wednesday, September 7, 2011

Tutorial ARToolkit Part 6: Texturing Multi-Sub Objek

Assalamualaikum Wr. Wb

Selamat datang di A.R.T, di Tutorial baru kali ini akan dijelaskan cara menggunakan banyak texture untuk 1 objek di 3DSMax. cara seperti ini sangat penting diketahui, buat yang senang membangun pbjek 3D dengan hanya menggunakan 1 bahan, misal membuat Ikan pari hanya dengan menggunakan Box, atau membuat Kolam renang hanya menggunakan Tube.. dll. seperti contoh Kotak 3D, yang sudah saya beri 6 texture di pinggiran sisinya.. 


Bagaimana cara membuatnya?. ikuti tutorial dibawah..

1. Buka 3DSMax Versi Berapa Saja. Saya Sarankan Menggunakan 3DSMax 9 karena Texturingnya masih Mudah daripada Versi yang terbaru. 

2. Pilih menu Standart Primitive lalu pilih Box. 















3. Lalu Buatlah Box Dengan Ukuran Sedang (Bisa Dikira-Kira Sendiri). 











4. Selanjutnya, Klik Kanan Box kemudian Pilih Convert to Editable Poly












5. Selanjutnya buka Menu Modify lalu Pilih Polygon


















6. Nah ditahap ini akan sedikit rumit, jadi perhatikan baik-baik. untuk menggunakan banyak texture untuk 1 objek kita harus memberikan ID dimasing-masing sisi yang akan kita beri texture, yang nantinya ID tersebut akan membedakan masing-masing texture, bagaimana caranya?. perhatikan dibawah.

A. Klik Sisi Depan Box. (Anda Boleh Menggunakan Sisi Mana Saja, Yang Penting Tahu, sisi pertama mana yang Anda gunakan). kemudian masuk ke Polygon Properties, lalu klik Set ID = 1 (Select ID akan Mengikuti Otomatis Set ID, jadi tidak usah Dirubah). 











B. Selanjutnya, Klik Sisi Kiri Box (atau sisi mana yang akan kalian beri ID). lalu pilih Polygon Properties, dan Set ID = 2 ( Select ID akan Mengikuti Otomatis Set ID, jadi tidak usah Dirubah).












C. Begitu Seterusnya, sampai semua sisi Mempunyai ID yang berbeda. Ingat, SETIAP SISI HARUS MEMPUNYAI ID BERBEDA. Bila sama, maka texture akan kacau. 

7. Baik, jika kalian sudah menyelesaikan Menyetting ID disetiap setiap sisi Objek, selanjutnya kita masuk ke Texturing. untuk itu Tekan M di Keyboard untuk memanggir Material Editor. 

Catatan: Texture yang akan digunakan sudah harus di Copy-Paste ke Folder Texture (ARToolkit\Bin\Wrl\Textures).

















8. Klik di Slot 1, kemudian klik Tombol Standard dan Pilih Multi/Sub-Object

















9. Bila ada warning Replace Material, kita langsung pilih Discard Old Material










10. Selanjutnya kalian akan masuk ke menu Multi/Sub Object. Perhatikan penjelasan Berikut ini:


















11. Ok setelah dipelajari penjelasan diatas, selanjutnya, kita Unchecklist ID No 5 - 10 karena kita hanya menggunakan 6 Material. 


















12. Selanjutnya kita akan memberi material di sisi kotak pertama yang telah kita Set IDnya menjadi 1. Untuk itu klik tombol Material #25 (Standard) di ID 1





13. setelah itu kita akan masuk ke menu Standard Material biasa. Jangan bingung, kok kembali lagi ke awal, karna ini memang caranya. kemudian, klik Maps >> Checklist Diffuse Color >> Klik Tombol None >> Bitmap >> Pilih Material dari Folder Textures ARToolkit















14. Selanjutnya Jika sudah di Klik maka Texture akan ada di Slot 1. kemudian agar Texture terlihat di Viewport Perspective, kita Show Map In Viewport.


















15. Selanjutnya, jangan di Drag dulu texture ke Objek. nanti saja, sekalian setelah semua texture kita masukkan. Ok, ID Pertama telah kita beri Texture, selanjutnya kita beri Texture di ID kedua. caranya, klik tombol Go to Parent.. 














16. Selanjutnya kita kembali ke Menu Multi-Sub Object. Untuk ID Kedua dan Seterusnya, caranya sama Langkah ke 12 - 15. Cukup Ikuti saja, bila berhasil akan seperti ini:





















17. Hasilnya saat dirender, bisa diliat sebagai berikut:

















18. Ok, setelah selesai tinggal di Export menjadi WRL ke Folder ARToolkit\bin\Wrl. Cara setting ARToolkitnya sudah tidak perlu kami beritahu ya, kan sudah dijelaskan di Tutorial Awal. Jangan lupa, saat Export ke Wrl, Url Prefixnya dirubah dari ../maps menjadi ./textures











Selamat Mencoba, Semoga Berhasil.
Jika Masih Ada Pertanyaan Bisa ditanyakan Langsung di Forum

Wassalamualaikum..
A.R.T


List Tutorial
  1. Tutorial ARToolkit Part 1: Installing and Testing ARToolkit
  2. Tutorial ARToolkit Part 2: Membuat Marker
  3. Tutorial ARToolkit Part 3: Multi Marker 
  4. Tutorial ARToolkit Part 4: Manipulasi Marker
  5. Tutorial ARToolkit Part 5: Texturing Objek
  6. Tutorial ARToolkit Part 6: Texturing Multi-Sub Objek
  7. Tutorial ARToolkit Part 7: Membuat Augmented Reality Sound dengan ARToolkit
  8. Tutorial ARToolkit Part 8: Exporting WRL Dengan Blender

Twitter Delicious Facebook Digg Stumbleupon Favorites More