แอป 360 VR ใน 10 นาทีด้วยความสามัคคี: 8 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:05

เรากำลังสร้างแอพนี้อย่างไร

วิดีโอ 360 องศาแตกต่างจากวิดีโอทั่วไปที่มีกรอบสี่เหลี่ยม ดังนั้น อันดับแรก เราต้องสร้างหน้าจอทรงกลมเพื่อฉายวิดีโอ 360 องศาของเรา ผู้เล่น (หรือผู้ดู) จะอยู่ภายในพื้นที่นี้และจะสามารถดูวิดีโอได้ในทุกทิศทาง ขั้นตอนด้านล่างจะทำให้คุณรู้สึกมีพลังที่จะทำการเปลี่ยนแปลงด้วยตนเอง โดยอธิบายว่าทั้งหมดนี้ทำงานอย่างไรภายใต้ประทุน สำหรับคำแนะนำทีละขั้นตอน

ขั้นตอนที่ 1: สิ่งที่คุณต้องการ

โทรศัพท์ Android ที่มีไจโรสโคปเพื่อตรวจจับการเคลื่อนไหวของศีรษะ ทำงานบน KitKat หรือระบบปฏิบัติการที่ใหม่กว่า

ชุดหูฟังกระดาษแข็ง หากคุณไม่ได้เป็นเจ้าของ คุณสามารถหาซื้อได้มากมายใน Amazon ในราคาไม่ถึง 10 ดอลลาร์

Unity3D ซึ่งเป็นเอ็นจิ้นเกมข้ามแพลตฟอร์มที่คุณต้องติดตั้งบนคอมพิวเตอร์ของคุณ เวอร์ชัน 5.6 หรือใหม่กว่า เราจะใช้ซอฟต์แวร์นี้เพื่อสร้างโครงการทั้งหมดของเรา

GoogleVR SDK for Unity ซึ่งคุณสามารถดาวน์โหลดได้ล่วงหน้า

วิดีโอ 360 องศา ถ่ายด้วยกล้อง 360 หรือคุณสามารถค้นหาวิดีโอ 360 บน Youtube, Facebook หรือเว็บไซต์วิดีโอ 360 ใดก็ได้

ขั้นตอนที่ 2: สร้างทรงกลม

ขั้นแรก ให้เปิด Unity Project ใหม่หากคุณเริ่มต้นจากศูนย์ (หรือ Scene ใหม่หากคุณต้องการรวมโปรแกรมเล่นวิดีโอ 360 ในโครงการที่มีอยู่) คิดว่าฉากเป็นวิดีโอเกมระดับหนึ่งและโครงการเป็น เกมเต็ม

หลังจากนั้น เพิ่มวัตถุทรงกลมในฉาก โดยวางไว้ที่กึ่งกลาง (ตำแหน่ง = 0, 0, 0) โดยมีรัศมี 50 (มาตราส่วน = 50, 50, 50) ตำแหน่งของกล้องควรตั้งไว้ที่ 0, 0, 0 กล้องคือดวงตาของผู้เล่น/ผู้ชม เราจึงต้องการให้มันอยู่ที่ศูนย์กลางของ Sphere การวางไว้ที่อื่นจะทำให้วิดีโอดูบิดเบี้ยว เมื่อวางกล้องไว้ใน Sphere แล้ว กล้องจะไม่ปรากฏให้เห็นในฉากอีกต่อไป ไม่ต้องกังวล มีคำอธิบายสำหรับเรื่องนั้น! อันที่จริงแล้ว เอ็นจิ้นเกมส่วนใหญ่ไม่ได้แสดงโดยค่าเริ่มต้นที่ด้านในของวัตถุ 3 มิติ เนื่องจากเราแทบไม่ต้องดูเลย จะทำให้เสียทรัพยากรในการแสดงผล เราจะแก้ไขปัญหานั้นต่อไป

ขั้นตอนที่ 3: พลิกค่าปกติของ Sphere

ในกรณีของเรา เราจำเป็นต้องมองเห็น Sphere ของเราจากภายใน นั่นคือจุดรวมของแอป ดังนั้นเราจะเปลี่ยนจากภายในสู่ภายนอก

ใน Unity ทรงกลมไม่ใช่ทรงกลมจริงๆ (อะไรนะ เราโกหกมาตลอด!) พวกมันเป็นรูปหลายเหลี่ยมที่สร้างด้วยแง่มุมเล็กๆ น้อยๆ นับพัน ด้านภายนอกของแง่มุมสามารถมองเห็นได้ แต่ไม่ใช่ด้านภายใน ด้วยเหตุผลนั้น เราจะทำโปรแกรมพลิกด้านเล็กๆ เหล่านี้อย่างแพนเค้ก ในเรขาคณิต 3 มิติ เราเรียกการเปลี่ยนแปลงนี้ว่า « การกลับรายการปกติ» หรือ « การพลิกค่าปกติ» เราจะใช้โปรแกรมที่เรียกว่า Shader ซึ่งเราจะนำไปใช้กับ Material of the Sphere วัสดุควบคุมลักษณะที่ปรากฏของวัตถุใน Unity Shaders เป็นสคริปต์ขนาดเล็กที่คำนวณสีของแต่ละพิกเซลที่แสดงผล โดยพิจารณาจากแสงและข้อมูลที่ดึงมาจากวัสดุของพวกเขา ดังนั้นสร้างวัสดุใหม่สำหรับ Sphere จากนั้น Shader ใหม่นำไปใช้กับวัสดุนี้ เราจำเป็นต้องเขียนโค้ดที่กำหนดเองสำหรับ Shader… แต่ไม่ต้องกลัว คุณสามารถคัดลอกและวางโค้ดด้านล่าง:

คลิกลิงค์นี้เพื่อรับรหัสลิงค์

Shader ตัวน้อยนี้จะทำให้แต่ละพิกเซลของทรงกลมกลับด้าน ตอนนี้ Sphere ของเราดูเหมือนลูกบอลสีขาวขนาดใหญ่ เมื่อมองจากด้านในภายในฉากของเรา ขั้นตอนต่อไปคือการเปลี่ยนทรงกลมสีขาวนี้เป็นเครื่องเล่นวิดีโอ

ขั้นตอนที่ 4: ฉายวิดีโอ 360 องศาของคุณภายใน Sphere

ที่นี่คุณต้องมีวิดีโอ 360 mp4 อยู่ในมือ นำเข้าในโครงการ จากนั้นลากไปยัง Sphere และนั่นคือช่วงเวลาที่มหัศจรรย์เกิดขึ้น: คอมโพเนนต์ "เครื่องเล่นวิดีโอ" ปรากฏขึ้นและบูม วิดีโอก็พร้อมเล่นแล้ว คุณสามารถเล่นกับการตั้งค่าต่างๆ เช่น ลูปและเสียงได้ นอกจากนี้ยังรองรับการสตรีม!

ขั้นตอนที่ 5: ตั้งค่า Google Cardboard ?

ในขั้นตอนนี้ เราจะทำให้ประสบการณ์รู้สึกดื่มด่ำอย่างแท้จริง นั่นเป็นเหตุผลที่เราต้องการดูในชุดหูฟัง VR นี่คือ Google Cardboard

เรากำลังจะสร้างมุมมอง "สามมิติ" (หน้าจอจะแบ่งออกเป็นสองส่วน โดยมีเอฟเฟกต์ฟิชอายทั้งสองด้าน - ด้านหนึ่งสำหรับแต่ละตา) โดยใช้ GoogleVR SDK เอฟเฟกต์ฟิชอายบนดวงตาแต่ละข้าง บวกกับการบิดเบือนของเลนส์พลาสติกของ Cardboard คือสิ่งที่ให้ภาพลวงตาของความลึกและการแช่

หากต้องการเพิ่ม GoogleVR SDK ในโครงการของเรา ให้ดาวน์โหลดและนำเข้าปลั๊กอิน จากนั้นเราจะปรับการตั้งค่า Android จำนวนมาก:

• ไปที่เมนูแถบด้านบน > ไฟล์ > การตั้งค่าบิลด์ เพิ่มฉากเปิดของคุณหากยังไม่ได้เพิ่ม จากนั้นเลือก Android ในรายการแพลตฟอร์มที่รองรับ
• คลิกที่ สลับแพลตฟอร์ม ควรใช้เวลาสักครู่ในการเปลี่ยนครั้งแรก
• คลิกที่การตั้งค่าผู้เล่น ส่วนประกอบปรากฏในแผงผู้สอน

ในผู้สอนการตั้งค่าผู้เล่น ในส่วน "การตั้งค่าอื่นๆ":

• ตรวจสอบ Virtual Reality ที่รองรับ ภายใต้ Virtual Reality SDK ให้เลือกไอคอน + จากนั้นเลือก Cardboard เพื่อเพิ่มลงในรายการ
• ป้อนชื่อแพ็กเกจลงในช่อง Bundle Identifier (เช่น com.yourdomain.demo360) ต้องไม่ซ้ำกันและใช้เพื่อแยกแอปของเราออกจากแอปอื่นใน Google Play สโตร์
• ตั้งค่าเมนูแบบเลื่อนลงระดับ API ขั้นต่ำเป็น "Android 4.4 'Kit Kat' (API ระดับ 19)"

หลังจากนั้น นำองค์ประกอบ "GvrViewerMain" จากโฟลเดอร์ GoogleVR\Prefabs ใน Project Browser แล้วลากเข้าไปในฉาก ในตัวตรวจสอบ ให้ตำแหน่งเดียวกับจุดศูนย์กลางของทรงกลม - (0, 0, 0)

รูปแบบสำเร็จรูป GvrViewerMain จะควบคุมการตั้งค่าโหมด VR ทั้งหมด เช่น การปรับหน้าจอให้เข้ากับเลนส์ของ Cardboard นอกจากนี้ยังสื่อสารกับไจโรสโคปของโทรศัพท์เพื่อติดตามการเคลื่อนไหวของศีรษะ เมื่อคุณหันศีรษะ กล้องและสิ่งที่คุณเห็นจะเปลี่ยนไปภายในเครื่องเล่นวิดีโอ 360 ด้วย ตอนนี้คุณสามารถดูได้ทุกทิศทางเมื่อเปิดวิดีโอและหน้าจอแบ่งออกเป็นสองส่วน เพื่อรองรับเลนส์ทั้งสองของ Cardboard

ขั้นตอนที่ 6: เรียกใช้แอพบน Android ?

สำหรับขั้นตอนสุดท้ายของเรา เราจะเรียกใช้แอปบนโทรศัพท์ Android และแชร์กับเพื่อน ๆ มีสองวิธีในการทำเช่นนั้น: กลับไปที่ไฟล์ > การตั้งค่าบิลด์ คุณสามารถเสียบโทรศัพท์ Android ด้วยสาย USB เข้ากับคอมพิวเตอร์ของคุณและคลิกที่ Build & Run การดำเนินการนี้จะติดตั้งแอปลงในโทรศัพท์ของคุณโดยตรง อีกตัวเลือกหนึ่งคือคลิกที่ Build เท่านั้น สิ่งนี้ไม่ได้ติดตั้งบนโทรศัพท์ แต่จะสร้างไฟล์ APK แทน คุณสามารถแชร์ APK ทางอีเมลกับทุกคนที่ต้องการลองผลงานชิ้นเอกที่คุณเพิ่งสร้างขึ้น พวกเขาต้องแตะสองครั้งที่ไฟล์แนบ APK เพื่อติดตั้งบนโทรศัพท์ของพวกเขา ในระหว่างกระบวนการสร้าง คุณอาจถูกขอให้เลือกโฟลเดอร์รูท Android SDK หากเป็นกรณีนี้ ให้ดาวน์โหลด Android SDK จากนั้นเลือกตำแหน่งโฟลเดอร์ เปิดแอป เสียบโทรศัพท์ของคุณลงในชุดหูฟัง Cardboard คุณก็พร้อมแล้ว! คุณสามารถแทนที่วิดีโอด้วยอะไรก็ได้ในรูปแบบ 360 และสัมผัสประสบการณ์ VR 360 ที่บ้านได้

ก้าวต่อไป

ขอแสดงความยินดี คุณสร้างแอปวิดีโอ 360 และอีกขั้นตอนเดียวจากการสร้างแอปวิดีโอ VR! แม้ว่าคำเหล่านี้มักใช้เหมือนกัน แต่ 360 และ VR กำหนดประสบการณ์ที่แตกต่างกันสองแบบ: วิดีโอ 360 ถูกบันทึกจากทุกมุมด้วยกล้องพิเศษหรือการประกอบหลายตัว ผู้ใช้สามารถรับชมในทิศทางใดก็ได้ที่ต้องการ แต่ไม่มีปฏิสัมพันธ์กับประสบการณ์ VR มักจะหมายถึงสภาพแวดล้อมที่สร้างด้วยคอมพิวเตอร์ซึ่งผู้ใช้จะถูกแช่ มันเป็นประสบการณ์แบบโต้ตอบ: ผู้เล่นสามารถเคลื่อนที่ไปรอบ ๆ และควบคุมวัตถุ นอกเหนือจากการมองไปในทุกทิศทาง

ขั้นตอนที่ 7:

แอปใหม่ของคุณสามารถใช้เป็นจุดเริ่มต้นในการสร้างประสบการณ์ VR ที่สมบูรณ์ยิ่งขึ้น Unity มีคุณสมบัติมากมายที่คุณสามารถใช้ประโยชน์ได้ เช่น การเพิ่มองค์ประกอบ 3 มิติหรือเอฟเฟกต์อนุภาคสุดเจ๋ง ✨ เพื่อซ้อนทับและปรับปรุงวิดีโอของคุณ หรือการใส่องค์ประกอบแบบอินเทอร์แอกทีฟบางอย่าง

ขั้นตอนที่ 8: ไม่ใช่ Step Walking Script (ไม่บังคับ)

คุณยังสามารถวางสภาพแวดล้อม 3 มิติเต็มรูปแบบในเครื่องเล่นวิดีโอ 360 และใช้อันหลังเป็นกล่องสกายบ็อกซ์ ผู้ใช้สามารถนำทางในฉากโดยใช้สคริปต์การเดินที่ดีนี้