Idea for Techology

เริ่มต้นกับ Augmented Reality

Flash Augmented Realityเป็นที่ฮือฮาบนโลก อินเตอร์เน็ทเกี่ยวกับเทคโนโลยี AR หรือ Augmented Reality ที่รู้สึกว่าจะมาแรงในปี 2010 นี้แล้วยัง ตอบย้ำความแรงและตกตะลึงอีกในงาน Web Wednesday ครั้งที่ 5 แต่กลุ่ม นักพัฒนาอย่างเราๆ นั่งเฉยๆ เพราะว่ามันเป็นเรื่องเก่าเมื่อปี 2008 หรืออาจจะนานกว่านั้นมาเล่าใหม่ทำให้ดูใหม่และสวยงาม เพราะมันเคยออกมาในรูปของเทคนิค Image Pocessing ,Face Recognize และ Motion Detect เพียงแค่ AR หรือ Augmented Reality นั้นคือการ ยำใหญ่ของเทคนิคทั้งสามตัว

คราวนี้การ นำเสนอที่เรียกให้คนดูอึ้งทึ่งไปกับตัวอย่าง …มากมายก็ต้องขอบคุณ วิทยากรที่ออกมานำเสนออะไร หลายๆอย่าง ทั้งเก่าและใหม่ประยุคปนเปกันไป ที่ชอบน่าจะเป็น Magazine และ Music วีดีโอผ่าน Augmented Reality ที่คิดว่าหากมี ผู้จัดละครค่ายไหนหรือ บริษัท animation ค่ายใด สามารถทำ ละครหรือ ซีรีย์ การ์ตูน แบบ 4D หรือให้ซื้อแค่ กระดาษหรือการ์ดที่มีแค่ QR Code หรือ code อะไรก็ได้ (จะอธิบายการทำงานทีหลัง+กับทำโทษการไม่ทำการบ้านของวิทยากร ในงาน อิอิ ขำๆนะ)

เพียงแค่มีการ์ดก็สามารถชม ละครหรือ ซีรีย์ผ่าน Web Cam ทันที นี่เป็นเทคนิคที่น่าสนใจ ดูตัวอย่างมิวสิค วีดีโอ ที่ทำผ่าน AR ครับ

จะเห็นว่าเทคนิคนี้ต่อยอดเป็น ซีรีย์หรือ ละคร 4D เพียงแค่คุณซื้อ การ์ดที่มี code มาชมกับ Web Cam

อีกตัวอย่างนึงที่ วิทยากร นั้น นำเสนอคือหน้าปก Magazine ของ นิตยสารตัวหนึ่งในต่างประเทศ ที่มี โรเบิร์ต ดาวน์นี่ จูเนียร์ (Iron Man, Sherlock Holmes) อยุ่หน้าปก พร้อมบทสัมภาษม์ในเล่ม ซึ่งหน้าปกมี Qr Code ของ AR และที่แน่ๆมีทุกหน้าเลยมั้งครับ เพียงแค่ก่อนซื้อเอา web Cam ที่มี Ar Reader อ่าน code ก้จะเห็น วีดีโอ animation ของ คนที่อยู่บนหน้าปก พร้อมบทสัมภาษม์ จริงๆ ผ่าน วีดีโอ เลย เล่าไปไม่เห้นภาพมาดูกันครับ

เท่ไม่บอกใคร

ใครที่อยากเป็น Auto Bot ก็สามารถเป็นได้

คราวนี้ มาดูว่าวิธีการทำต้องใช้อะไร Librarry ตัวไหนครับ
สำหรับนักพัฒนานั้น เจ้าตัวนี้อาจจะใช้ FLARVision หรือ ARToolKit

อุปกรณ์ที่จำเป็น

– Adobe Flash CS3 or later
FLARToolKit
Papervision3D (rev. 817 or later)
– Webcam
– Printed marker & marker data
– Source: http://www.digitalbackcountry.com/downloads/FLARToolKitFlex.zip

อันนี้เป็นหลักการ ทำงาน

เอ  การจดจำ Code ต้องทำไง ล่ะ ไม่ยากครับ ไปดูที่เว็บนี้

การสร้าง code เพื่อให้เกิดการ จดจำรหัสในการเล่น animation นั้นไม่ต่างกับ Image Processing

วิธีการ

  1. ออกแบบ original marker แล้วทำการ print ซะ (ไม่จำเป็นต้องเป็น QR Code ก็ได้)
  2. เข้าไปที่เว็บ ARToolKit Marker Generator Online (อันนี้ แบบง่ายๆ)
  3. ทำการ segments และ marker size
  4. เล็ง webcam ไปที่หน้าต่าง printed marker
  5. กด “Get Pattern” แล้วทำการ จดจำซะ
  6. Preview maker ของคุณ
  7. กด “Save” แล้วจะได้ไฟล์นาสกุล “*.pat”.

ARToolKit Marker Generator Online released!
คุณสามารถเอาเจ้า Maker Generator มาใช้กับ องค์กรของคุณก็ได้ เพราะมัน Open source
Please SVN check out from here.

ที่ผม เอะใจตรงนึงคือวิทยากร คงลืมทำการบ้าน ในส่วนของ Mobile Camera ที่ส่องหน้าคน แล้วจะเห็น Profile ว่ามี Twitter อะไร Facebook อะไร วิทยากรคงลืมไปว่าการที่ AR จะทำงานได้ ต้องเกิดจากระบบ Image Processing หรือ Image Recognize ซึ่งเหมือนกัน Google Labs กำลังพัฒนาส่วนนี้ ในส่วนของนักพัฒนาคงจะคุ้นกับเจ้า Math Labs ในการทำ Image Processing ซึ่งการประยุกต์ใช้ Image Processing มาเป็น Face Recognize นั้นมันก็คือหลักการ เดียวกัน

เพราะถ้ารู้ว่า AR ทำงานกับ Code Maker ยังไง ก็น่าจะรู้ว่า AR บน Mobile Camera ทำงานกับ Code Maker หรืออะไรที่เหมือน หน้าคนยังงั้น!
เพราะหัวใจของมันคือ “Image Processing + Motion detect + Recognize Technic”

แต่ก็ไม่ว่ากันครับ อาจจะยังไม่ได้ ลงลึกเทคนิคแบบ นักพัฒนาจริงๆก็เป็นได้

Website สำหรับการพัฒนา

Resource นะครับ

  • Download the FLARVision source code – this contains all of the code along with documentation and our example app.
  • For the rest of you who decided to take the plunge and follow along, you will need the these files to get started:
  • Download the Resources – this has the marker, camera.dat file and some support images for our tutorial. These files go in your html-template folder or you bin folder (wherever your compiled swf get saved to).

 

กวนตีนกันวันละนิด

ในเชิงของเทคนิค: ผมถึงบอกว่า มันคือการหยิบเรื่องเก่า มาทำใหม่ให้สวยและเจ๋ง ยิ่งรู้เบื้องลึกเบื้องหลัง จะ เข้าใจว่าจริงมันคือการประกอบเทคนิค
ส่วนตัวผม ผมเคยพัฒนา หลักการ Motion Detection ก่อนจะมาเป็น AR เมื่อ สามปีที่แล้ว ผ่าน Flash
http://www.daydev.com/programming-language/action-script/76-daydev-lab-flash-motion-detect-interactive.html
เป็น Guide Line สมัยอยู่ Newmedia นู่น….แหนะ…. ที่หยิบมาโชว์เพื่อ ลดการโดนด่าว่า ปากดี คิดได้ทำไมไม่ทำ เอามาโชว์ซะเลยเพื่อบอกว่า เคยทำไปแล้วเสนอหลายเจ้าไปแล้ว แต่ไม่ผ่าน เพราะ… กูไม่ดัง อิอิ (ถึงเพื่อนๆ…อิอิ ก็กูไม่ดังนิ…เลยไม่มีคนสนใจ ตอนทำ)

ในเชิงของครีเอทีพ: มันยอดมากเลย ครับงานแต่ละงาน มันต่อยอดไอเดีย ให้ผม เริ่มจะ ใช้มันในการหาช่องทางธุรกิจได้ แต่ที่แน่ๆ ผมไม่ทำหรอก จ้างคนทำดีกว่า อิอิ…

Tags

Asst. Prof. Banyapon Poolsawas

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

Leave a Reply

Back to top button
Close
Close

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน