แนะนำตัวก่อน..
ตอนนี้ผมเป็นเด็กฝึกงานที่บริษัทเล็กๆแห่งหนึ่งในสวิส
มีผลิตภัณฑ์ออกมาตัวหนึ่งที่ผมร่วมเป็นส่วนหนึ่งในการพัฒนาด้วย
แล้วผมก็คิดว่าผลิตภัณฑ์ตัวนี้มันเจ๋งดีนะ แล้วก็ฟรีซะด้วย เลยเอามาให้เล่นกันซักหน่อยดีกว่า..

ย้ำนะครับ.. !!! มัน FREE !!!

แทรกโฆษณา Page ผมซักเล็กน้อย
ไว้ตามดูชีวิตผมที่สวิสได้ครับ
https://www.facebook.com/sage.nu.page

////////////////////////////////////////////////////////////////////////

หลายคนอาจจะรู้จัก Augmented Reality(AR) กันแล้ว
Augmented Reality นี้ ถ้าจะให้ผมอธิบายคร่าวก็คือ..
การที่เรามีกล้องตัวหนึ่ง(หรือกล้องมือถือ) แล้วเราเอากล้องมาส่องอะไรสักอย่าง
ให้ไอ้ "อะไรสักอย่าง" เนี่ยมันก็สามารถแสดงเนื้อหาที่ไม่มีอยู่จริง ให้ดูเหมือนมีอยู่จริงได้

ตัวอย่างนึงก็คือนี้เลยครับ..
เมื่อไม่นานนี้ผมได้อ่านกระทู้นึงที่คนกล่าวถึงพอสมควร(ในfeedเฟสบุ๊คผม)
http://pantip.com/topic/32332202
ผมก็เลยคิดว่าคนไทยเริ่มสนใจAR กันบ้างแล้ว ผมเลยอยากจะลอง review app นี้บ้าง


////////////////////////////////////////////////////////////////////////

ถ้าจะให้เห็นภาพชัดๆ เราก็มาดูคลิปนี้ก่อนดีกว่า
ขอโทษที่พูดไม่ค่อยเก่งครับ อาจจะอธิบายในคลิปไม่ค่อยดี
 
ขออภัยที่ถ่ายวีดีโอแนวตั้งครับ เพราะผมใช้ iPhone scane แล้วใช้ iPad ถ่าย
เลยต้องใช้ขาหนีบ iPadไว้ในตอนถ่าย.. ยากมากจริงๆTT
////////////////////////////////////////////////////////////////////////

Augmented Reality นี้มันแบ่งหลักๆเป็นสองส่วนครับ
ส่วนแรกก้คือตัวสร้างเนื้อหา.. ส่วนมากเราจะทำในคอม
อีกส่วนหนึ่งคือตัวแสดงเนื้อหา ซึ่งต้องใช้มือถือหรือ tablet ในการแสดง



แน่นอนว่าผุ้อ่านสามารถสร้างเนื้อหา แล้วก็สามารถเล่นได้..
เรามาเริ่มจากตัวสร้างเนื้อหาก่อนเลย..



แต่ก่อนอื่นต้องสมัคร Account ก่อนครับ
เข้าที่ http://www.vidinoti.com ได้เลย


ระบบทั้งการสร้างเนื้อหาและแสดงเนื้อหานี้ มีชื่อว่า Pixlive ครับ
โดยตัวสร้างเนื้อหา เรียกว่า Pixlive Maker สร้างได้ในคอมจากเวป https://armanager.vidinoti.com
ตัวแสดงเนื้อหาเรียกว่า Pixlive Player เล่นได้ผ่านมือถือทั้ง iOS และ Android ครับ
iOS https://itunes.apple.com/us/app/pixlive-player/id629134395?mt=8
Android https://play.google.com/store/apps/details?id=com.vidinoti.android.pixliveplayer&hl=en

////////////////////////////////////////////////////////////
///////////////////////Pixlive Maker/////////////////////
////////////////////////////////////////////////////////////
มาเริ่มสร้างเนื้อหากันเลยดีกว่า..
ผมจะแสดงวิธีการสร้าง Augmented Reality ของภาพภูเขานั่นให้ดูครับ
เริ่มจาก Sign in เข้าไปก่อน


กดสร้าง Model


แล้วเราจะเข้ามาหน้า Upload รูป..
เราก็สามารถอัพรูปที่เราอยากให้กล้องเรา Recognize มัน.. 
(ก็คือภาพที่เวลาเราส่องกล้องไปหา แล้วให้ AR แสดงบนภาพ)


สำหรับ Model นี้ผมก็จะใช้รูปวาดโง่ๆของผมที่ได้แสดงให้ดูไปก่อนหน้าแล้ว ก้คือรูปนี้


แล้วเราก็จะเข้ามาหน้า ที่เราใช้สร้างเนื้อหาในการแสดงผลของ AR หละครับ


สำหรับโมเดลนี้ ผมเลือกที่จะใส่ video อันนึง กับ"ภาพแบบปุ่ม" อันนึงในหน้าแรกก่อน
สำหรับปุ่มนี่.. พอใส่แล้ว interface จะเลื่อนไปหน้าใหม่ให้
เป็นการบอกว่า หากคลิกปุ่มที่ใส่แล้ว จะไปหน้าถัดไป


โดยเมื่อเราใส่ปุ่มแล้ว เราสามารถกลับไปมาหน้าไหนก็ได้โดยปุ่มพวกนี้


ในหน้าใหม่นี้ ผมก้ใส่ภาพภูเขาเป็นโมเดล3มิติลงไป
(พวกโมเดล3มิติสามารถโหลดได้จาก http://3dwarehouse.sketchup.com/ )



อีกอย่างหนึ่งคือ ผมได้ใส่ปุ่ม back เข้าไปด้วย เอาไว้ให้มันสามารถกลับไปหน้าเดิมได้
โดยเมื่อใส่ปุ่มแบบ text นี้เข้าไป..​ผมเลือกให้มัน "go to start scene" ไว้กลับหน้าแรก



ที่เหลือก้ save แล้วก้รอเล่นได้เลย!!!!
ง่ายนิดเดียวเห็นมั้ยครับ : )


////////////////////////////////////////////////////////////
///////////////////////Pixlive Player///////////////////////
/////////////////////////////////////////////////////////////

หลังจากที่เราทำเนื้อหา AR ของเราเสร็จแล้ว ก็ถึงเวลาเล่นกันแล้ว
ตัวแสดงเนื้อหาเรียกว่า Pixlive Player เล่นได้ผ่านมือถือทั้ง iOS และ Android ครับ
iOS https://itunes.apple.com/us/app/pixlive-player/id629134395?mt=8
Android https://play.google.com/store/apps/details?id=com.vidinoti.android.pixliveplayer&hl=en

ตัวอย่างการใช้งานนะครับ..
สมมติว่าคุณทำ postcard มาใบนึง แล้วส่งให้เพื่อน (อาจจะเป็นเหมือนรูปวาดที่ผมทำให้ดูนี้) 
แล้วคุณอยากให้เพื่อน scan แล้วดู AR อันนี้..
สิ่งที่คุณต้องทำคือให้เพือ่นโหลดโปรแกรม Pixlive Player ก่อน
จากนั้นคุณก้ส่ง QR code อันนึงให้เพื่อน Scan ผ่านทาง pixlive Player
หาได้จากหน้าหลักของบัญชีคุณเช่นเคย


โดยQR code นี้จะเป็นตัวบอกกับโปรแกรม Pixlive Player ว่า AR ภาพไหนบ้าง ที่คุณต้องการให้โปรแกรมรู้จัก
โดยถ้าคุณให้เพื่อน Scan QR code ของคุณ โปรแกรท Player ของเพือ่นคุณก้จะรู้จัก AR ทุกภาพที่คุณมี

**การ scan นี้ทำครั้งเดียว แล้วใช้ได้ตลอดไป ยกเว้นแต่จะไป scan code อื่นครับ **

เท่านี้ใครๆก็สามารถสร้าง Augmented Reality แล้วก็แสดงได้แล้วครับยิ้ม

มันสามารถประยุกต์อะไรได้หลายๆอย่างเลย..
เช่น
แผนที่กรุงเทพแบบ3มิติ

(ขอบคุณภาพแผนที่จาก www.artphototravel.net ) 

หรือไม่ก็ Album ภาพแบบเลื่อนๆได้ จาก postcard

(ขอบคุณภาพโบสถ์มิลานจากผิงๆ)

แล้วก็ยังประยุกต์ใช้ได้อีกเยอะเลยครับ ยิ้ม

ก็จบการ review แค่นี้แล้วครับ ขอบคุณที่ตามอ่าน


ปล. ผมทำโปรแกรมในส่วนของ Player เป็นส่วนที่ทำให้เนื้อหาที่เราสร้างมันตามติดอยู่กับวัตถุของจริงครับ
เผื่อใครสงสัยว่ามันทำงานได้ยังไงก็ถามผมได้

////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////

edit:
ผมเพิ่มตัวอย่างให้ได้ลองเล่นกันครับ
ใครไม่รู้จะเล่นอะไร ก็ลองเล่น model ที่ผมทำไว้ได้ครับ
ก่อนอื่น scan QR code นี้ก่อน..
code นี้มันจะโยงเข้า account ผม


เสร็จแล้วก้ลองเล่นดูได้เลยครับ!
1) แผนที่กรุงเทพ



2) กล่องขนมกับโมเดลที่เที่ยวลอนดอน


3) ภาพวาดที่เที่ยวของผมกับวีดีโอและ3dmodelของภูเขา


4) ภาพวาด
อันสุดท้ายนี้ เป็น show case ที่พิเศษกว่าอันอื่น
ตามจริงแล้วโปรแกรมของบริษัทนี้สามารถใส่ Feature เด็ดๆเข้าไปอีกได้
(แต่ถ้าจะทำเนื้อหาที่มี Feature เด็ดๆมันจะไม่ฟรี ต้องติดต่อทีมงาน)
แต่อันนี้ผมแอบเอางานที่หัวหน้าผมทำไว้มาลงให้ดูกัน

อันนี้มันเจ๋งที่ว่า..
คุณสามารถปริ๊นภาพนี้ออกมา..
แล้วคุณสามารถวาดภาพม้าลายลงในภาพนี้ แล้ว scan..
ม้า3มิติที่โผล่ออกมาจะมีสี มีลายเหมือนที่คุณวาด เมื่อคุณกดที่ลายสีม้าบนภาพ!!!

ซึ่งตามจริงแล้วมันคือ idea แบบเดียวกับ package doraemon จากกระทู้นี้เลย
http://pantip.com/topic/32332202

เอาหละ มาดูงานชิ้นนี้กันดีกว่า
กับตัวอย่างการวาดการระบายม้าอัปลักษณ์ของผม

แล้วนี่ก็คือผลลัพธ์..

เป็นไงบ้างครับ หวังว่าจะชอบ และได้ลองเล่นกันนะครับ

Comment

Comment:

Tweet

ต้องปริ้นภาพออกมาก่อน ถึงสแกนแล้วเล่นได้หรอค่ะ
เพราะลองทำตามแล้ว โหลดแอฟ สแกนโค๊ดของคุณเข้าไป แต่ลองมาสแกน รูปจากจอคอม มันไม่มีอะไรเกิดขึ้นเลยค่ะ ต้องทำยังไงค่ะ

#1 By pp (202.176.81.79|202.176.81.79) on 2015-02-26 17:44

Related Posts Plugin for WordPress, Blogger...