Unity 3D

Unity ทำงานร่วมกับวีดีโอ 360 องศา และสร้างพลิเคชัน VR เล่น Video 360

สองบทเรียนเบาๆ Code น้อยๆ กับการนำ Video 360 หรือ ภาพยนตร์ 360 องศา มาเล่นบน Unity และ VR ด้วย Fibrum

สองบทเรียนเบาๆ Code น้อยๆ กับการนำ Video 360 หรือ ภาพยนตร์ 360 องศา มาเล่นบน Unity และ VR ด้วย Fibrum SDK

วันนี้เรามาเล่นอะไรเบาๆ กับวีดีโอ 360 องศากัน โดยคลิปที่เราจะใช้ก็หาดาวน์โหลดได้ฟรีจาก Link เหล่านี้:

ดาวน์โหลดสบายๆ แค่ต้องจำ Size ของมันนิดหน่อยว่าขนาดเท่าไร

ถ้าได้ไฟล์ mp4 ของไฟล์ภาพยนตร์มาละก็ให้เปิด Unity แล้วทำการ New Project ขึ้นมาเป็น 3D Template หน่อย:

ให้ดาวน์โหลดด้วย Program ดาวน์โหลดปกติเอาไฟล์ภาพยนตร์ mp4 มาเก็บไว้ใน Unity ของเราได้เลยครับ วางที่ Assets ของ Project Unity

โอเค Video ถ้ารันเล่นได้ผ่าน Inspector ก็แปลว่าโอเคแล้วล่ะ ต่อมาให้เราคลิกขวาที่ Assets Folder ของเราสร้าง Material ขึ้นมาตั้งชื่อว่า 360Videos กำหนด Shader เป็น Skybox เลือก Panoramic

หลังจากนั้นคลิกขวาที่ Assets เลือก Create->Render Textures ตั้งชื่อว่าอะไรก็ได้ ตัวอย่างตั้งชื่อว่า “RenderTexture”

คลิกที่ RenderTexture ของเรากำหนด Size ให้เท่ากับไฟล์ของ Video ที่เราดาวน์โหลดแล้ว Import เข้า Unity ในตัวอย่างคือ 1280×720 pixels ก็ให้กำหนดตามตัวอย่าง

คลิกที่ Material ที่เราสร้างที่เราตั้งชื่อว่า 360Videos ให้ลาก RenderTexture ไปวางที่ Spherical (HDR)

ไปที่ Hierarchy ให้สร้าง Video Player ขึ้นมา

คลิกที่ Video Player
ลากไฟล์ Video นามสกุล .mp4 ไปวางที่ Video Clip แล้วหลังจากนั้นลาก RenderTexture ไปวางที่ Target Texture

หลังจากนั้นลากเจ้า Materail ชื่อ 360Video ไปวางบน Scene Windows เลยตรงไหนก็ได้

คลิกที่ MainCamera บน Hierarchy เพิ่ม C# เข้าไปชื่อ Class ว่า MovementCamera เขียน Code เบาให้หมุนเมาส์ขึ้นลงซ้ายขวาเหมือนทิศทางของคอเรา

ทดสอบ กด Play แล้วลอกใช้ Mouse แทนมุมมองเลื่อนดูวีดีโอ 360 องศาเล่นๆ

เรียบร้อย งั้นต่อมาลองเล่นกับ VR ดีกว่าแนะนำว่าให้ใช้บริการของ https://fibrum.com ใครที่เคยอ่านบทความเก่าๆ ก็ไปดูวิธีการได้ที่:

ให้ Import Package ของ Fibrum ตามบทความเก่าเลยครับ หลังจากนั้นให้เปลี่ยน Platform ของ Project เป็น Android

ลบ MainCamera ใน Hierarchy ออกแล้วลาก VR Camera จาก Assets/FibrumSDK/prefabs ไปวางบน Hierarchy แทน Camera

เพื่อความหลากหลายลองเปลี่ยน Video ที่เล่นสักหน่อย

หลังจากนั้น Build & Run บน Android พร้อมใส่ CardBoard ไปเลย!

กลายเป็นว่าถ้าทำ Mobile VR แทบไม่ต้องเขียนโปรแกรมเลยแฮะ เอาไปแบ่งปันนะครับ!
สงวนสิทธิ์การให้เครดิตบทความกันเล็กน้อย แค่บอกว่ามาจาก Daydev.com. ก็พอ


ป.ล. นอกเรื่อง ช่วงนี้ นักศึกษาที่จบใหม่ไปบางคนเวลาสมัครงานชอบอ้างว่าเป็นลูกศิษย์ผม และมีการ Recommended จากผมก่อเรื่องไม่โอเค ขอถอนการ Recommended ผ่าน Resume ทุกกรณีนะครับ เน้นโทรศัพท์มาสอบถามได้

บริษัทไหนที่เคยโทรมาถามว่าเด็กเป็นยังไง สามารถสอบถามได้โดยละเอียด ไม่เว้นแม้แต่ เด็กที่เพิ่ง Recommended ผ่านทางโทรศัพท์ให้หัวหน้างาน และ HR ไปเมื่อตอนรับเค้าเข้าทำงาน
ผมจะขอถอนการ Recommended และแจ้ง Blacklist เป็นบางรายนะครับ

Tags

Asst. Prof. Banyapon Poolsawas

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

Related Articles

Back to top button
Close
Close

Adblock Detected

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