DeskMagic - การสร้างแอปสำหรับชุดหูฟัง Aryzon AR (TfCD): 22 ขั้นตอน

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

ในคำแนะนำนี้ เราจะดำเนินการทีละขั้นตอนผ่านกระบวนการสร้างแอปพลิเคชัน Augmented Reality (AR) อย่างง่ายสำหรับชุดหูฟัง Aryzon AR ไม่จำเป็นต้องมีการเข้ารหัสหรือประสบการณ์อื่น ๆ แม้ว่าแอปจะค่อนข้างพื้นฐาน แต่ก็เป็นวิธีที่สนุกและง่ายในการเริ่มต้นเล่นกับความเป็นไปได้ของ AR

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับชุดหูฟัง Aryzon AR โปรดไปที่:

aryzon.com/

โมเดลที่ใช้ใน Instructable นี้ซึ่งดาวน์โหลดจาก Google Poly จากผู้เขียนต่อไปนี้:

เลื่อน, มนุษย์หิมะ, ต้นไม้พร้อมของขวัญ, ห้องโดยสาร - โดย 14islands Lab ภายใต้ใบอนุญาต CC-BY

ต้นไม้อื่นๆ - โดย Poly โดย Google ภายใต้ใบอนุญาต CC-BY

พื้นหิมะ - โดยฉัน

ขั้นตอนที่ 1: ดาวน์โหลด Unity 3D

จากลิงก์ต่อไปนี้ ให้ดาวน์โหลด unity เวอร์ชันส่วนตัวฟรี นี่จะเป็นเอ็นจิ้นของแอพ AR ของเรา

store.unity.com/

ขั้นตอนที่ 2: ติดตั้ง Unity 3D

เมื่อตัวติดตั้งเปิดขึ้น ระบบจะขอให้คุณเลือกโมดูลของความสามัคคีที่คุณต้องการติดตั้ง คุณจะต้องมีสิ่งต่อไปนี้

• ความสามัคคีในตัวเอง - จำเป็นอย่างยิ่ง
• MonoDevelop - ใช้สำหรับดีบักเกอร์ ไม่มีการเข้ารหัสจริงในโครงการนี้
• เอกสารประกอบ - เพื่อให้ระบบช่วยเหลือทำงานได้อย่างถูกต้อง
• รองรับการสร้าง Android - สิ่งนี้ช่วยให้คุณสร้างแอพ Android ด้วยโครงการของคุณ คุณสามารถเพิ่มแพลตฟอร์มเพิ่มเติมใด ๆ ที่คุณต้องการพัฒนาแม้ว่าคำแนะนำนี้จะครอบคลุมเฉพาะ Android
• การสนับสนุน Vuforia Augmented Reality - ใช้สำหรับการติดตาม AR จริงซึ่งจำเป็นในการวางโลก 3 มิติของเราไว้บนโต๊ะของคุณ

ขั้นตอนที่ 3: สร้าง (ฟรี) บัญชี

คุณจะต้องสร้างบัญชีเพื่อใช้ Unity 3D นี้เป็นบริการฟรีสำหรับการใช้งานส่วนตัว

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

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

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

ความสามัคคีจะเปิดขึ้นพร้อมกับฉากว่างที่สร้างขึ้นแล้ว คุณสามารถตั้งชื่อฉากนี้โดยบันทึกตอนนี้

ขั้นตอนที่ 6: ดาวน์โหลด Aryzon SDK

Aryzon ได้สร้าง SDK ที่รวมเข้ากับ Unity ผ่านแพ็คเกจ unity คุณสามารถดาวน์โหลด SDK นี้ได้ที่ลิงค์ต่อไปนี้:

developer.aryzon.com/t/basic-setup-of-sdk/…

ขั้นตอนที่ 7: นำเข้า Aryzon SDK ใน Unity

ไปที่ สินทรัพย์>นำเข้าแพ็คเกจ>แพ็คเกจที่กำหนดเอง จากนั้นเลือก Unitypackage ของ SDK และนำเข้าทุกอย่างลงในโครงการของคุณ

ขั้นตอนที่ 8: เปิดฉากสาธิต Vuforia

ตอนนี้คุณจะเห็นโฟลเดอร์ใหม่สองสามโฟลเดอร์ในโฟลเดอร์หลักของโครงการ ไปที่เนื้อหา>Aryzon>Sample Scenes และเปิดฉากติดตาม Vuforia

ขั้นตอนที่ 9: สร้างรูปแบบสำเร็จรูปใหม่

เพื่อช่วยตัวเองให้พ้นจากปัญหา เราสามารถสร้างรูปแบบสำเร็จรูป (องค์ประกอบมาตรฐานที่คัดลอกได้) จากองค์ประกอบ 'ImageTarget' ซึ่งสามารถเลือกได้ในหน้าต่างลำดับชั้น

เพียงลากองค์ประกอบ 'ImageTarget' ไปยังเนื้อหา>Aryzon>Prefabs โฟลเดอร์เหมือนที่ฉันได้ทำไปแล้วในรูปภาพ

ขั้นตอนที่ 10: นำเข้ารูปแบบสำเร็จรูปเข้าสู่ฉาก

ตอนนี้คุณสามารถใช้โฟลเดอร์สำเร็จรูปเดียวกันนั้นเพื่อนำเข้าสององค์ประกอบที่สำคัญที่สุดของแอพ: ส่วนประกอบ AryzonVuforia และองค์ประกอบ imagetarget คุณสามารถลากสิ่งเหล่านี้จากโฟลเดอร์สำเร็จรูปไปยังฉากของคุณได้

ขั้นตอนที่ 11: ลบ Cube

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

ซึ่งหมายความว่าโมเดลทั้งหมดที่เราต้องการแสดงอย่างถูกต้องใน AR จะต้องถูกเพิ่มเข้าไปในฉากเมื่อเป็นเด็กในองค์ประกอบ ImageTarget

ตอนนี้เราสามารถเอาลูกบาศก์ออกแล้วแทนที่ด้วยสิ่งที่น่าสนใจยิ่งขึ้น

ขั้นตอนที่ 12: สร้างโฟลเดอร์โมเดล

เพื่อติดตามทุกสิ่งที่เราเพิ่มเข้าไปในฉากได้ดี คุณอาจต้องการสร้างโฟลเดอร์โมเดลในหน้าต่างโปรเจ็กต์ โฟลเดอร์นี้จะมีโมเดลทั้งหมดที่เราอาจต้องการเพิ่มในฉาก

ขั้นตอนที่ 13: รับ (ดาวน์โหลด) โมเดล

ตอนนี้เราจะดาวน์โหลดโมเดลสนุกๆ สำหรับฉากของเรา และใส่ไว้ในโฟลเดอร์โมเดลที่เราเพิ่งสร้างขึ้น สำหรับคำแนะนำนี้ เราจะได้สิ่งเหล่านี้จาก google Poly Google Poly เหมาะอย่างยิ่ง เนื่องจากเป็นโมเดลที่ได้รับการปรับให้เหมาะกับประสิทธิภาพ VR และ AR ที่ดี

เมื่อดาวน์โหลดโมเดล โปรดคำนึงถึงสิ่งต่อไปนี้

• โมเดลต้องเรียบง่าย (พื้นผิวน้อย จำนวนรูปหลายเหลี่ยมต่ำ) เนื่องจากโทรศัพท์ของคุณมีทรัพยากรจำกัด
• ให้เครดิตผู้เขียนแบบจำลอง (คุณจะได้รับแจ้งเมื่อจำเป็น)
• หากเป็นไปได้ ให้ดาวน์โหลดไฟล์ในรูปแบบ FBX OBJ จะทำงาน แต่ใน Unity จะจัดการได้ยากกว่าเล็กน้อย

ขั้นตอนที่ 14: ลากและวาง

คุณสามารถวางโมเดลในฉากของคุณโดยเพียงแค่ลากโมเดลจากโฟลเดอร์โมเดลแล้ววางไว้ในหน้าต่างฉาก เมื่อวางแล้ว คุณสามารถปรับขนาด หมุน และลากไปยังตำแหน่งที่คุณต้องการจัดตำแหน่งได้

ข้อควรจำ: ดังที่เราได้กล่าวไว้ก่อนหน้านี้ โมเดลที่วางอยู่ในฉากควรถูกใส่เข้าไปในฐานะลูกขององค์ประกอบ ImageTarget

ขั้นตอนที่ 15: ทำให้หิมะตก

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

ขั้นตอนที่ 16: การเปลี่ยนแพลตฟอร์ม

ก่อนที่เราจะสามารถเล่นแอพบนโทรศัพท์ Android ของเราได้ เราต้องสร้างมันขึ้นมาก่อน ก่อนอื่นเราต้องเปลี่ยนการตั้งค่าบางอย่าง ในแถบเมนู ไปที่ ไฟล์ > การตั้งค่าบิลด์ เลือกแพลตฟอร์ม Android แล้วกด 'สลับแพลตฟอร์ม'

ขั้นตอนที่ 17: เปลี่ยนการตั้งค่า

ในหน้าต่างเดียวกันนั้น ให้กดปุ่ม 'การตั้งค่าผู้เล่น' ซึ่งจะทำให้การตั้งค่าทั้งหมดของแพลตฟอร์มปรากฏในหน้าต่างตัวตรวจสอบ ที่นี่คุณควรทำสิ่งต่อไปนี้:

• ป้อนชื่อบริษัท (สมมติ)
• ป้อนชื่อผลิตภัณฑ์ (ซึ่งจะเป็นชื่อแอปของคุณ)
• ใน 'การตั้งค่าอื่นๆ' ให้เพิ่มบริษัทและชื่อผลิตภัณฑ์ลงในฟิลด์ 'ชื่อแพ็คเกจ'
• กำหนดระดับ API ขั้นต่ำ นี่ควรเป็น Android เวอร์ชันเดียวกับที่โทรศัพท์ของคุณใช้หรือต่ำกว่า ยิ่งคุณลดต่ำลงเท่าใด ก็ยิ่งเข้ากันได้กับอุปกรณ์รุ่นเก่ามากขึ้นเท่านั้น แต่คุณจะสูญเสียฟังก์ชันบางอย่างไปด้วย
• ตรวจสอบให้แน่ใจว่าไม่ได้เลือก 'ความเข้ากันได้ของ Android TV' การตรวจสอบนี้จะป้องกันไม่ให้ Vuforia ทำงาน
• สุดท้ายใน 'การตั้งค่า XR' ให้เลือก 'Vuforia Augmented Reality'

ขั้นตอนที่ 18: รับ Vuforia Key

เพื่อให้การติดตาม AR ทำงาน คุณต้องเปิดใช้งานใบอนุญาต Vuforia ก่อน (ฟรีสำหรับการใช้งานส่วนตัว)

• สร้างบัญชีที่

  developer.vuforia.com/vui/auth/register

• ไปที่ตัวจัดการใบอนุญาต และเลือก 'รับรหัสการพัฒนา'
• ที่นี่คุณป้อนชื่อที่คุณให้แอปของคุณในขั้นตอนก่อนหน้านี้
• คัดลอกคีย์แบบกำหนดเองที่สร้างขึ้นไปยังคลิปบอร์ดของคุณ

ขั้นตอนที่ 19: ป้อนรหัส Vuforia ในโครงการของคุณ

• ในลำดับชั้นของฉาก ให้เลือกองค์ประกอบ 'ARCamera' (ภายใต้ AryzonVuforia)
• ในหน้าต่างตัวตรวจสอบ ให้กดปุ่มที่ด้านล่าง "เปิดการกำหนดค่า Vuforia"
• หน้าต่างตัวตรวจสอบจะแสดงการกำหนดค่า Vuforia วางรหัสใบอนุญาตที่คุณเพิ่งคัดลอกไปยังฟิลด์ 'รหัสใบอนุญาตของแอป'

ขั้นตอนที่ 20: การรับ Android SDK

สุดท้าย ในการสร้างแอปของคุณ Unity จำเป็นต้องมี Android SDK ปรากฏอยู่ในคอมพิวเตอร์ของคุณ วิธีที่ง่ายที่สุดในการรับ SDK นี้ผ่าน Android Studio สามารถดาวน์โหลด Android studio (ไม่มีบัญชี!) จากลิงค์ต่อไปนี้:

developer.android.com/studio/index.html

การติดตั้ง Android Studio จะทำให้ Android SDK อยู่ในคอมพิวเตอร์ของคุณโดยอัตโนมัติ

ขั้นตอนที่ 21: สร้างเวลา

คุณสามารถสร้างแอป AR ได้แล้ว!

• เข้าสู่เมนูการตั้งค่าบิลด์อีกครั้ง (ไฟล์>การตั้งค่าบิลด์) แล้วกดปุ่ม 'สร้าง'
• ตอนนี้คุณสามารถป้อนชื่อสำหรับ APK (แพ็คเกจแอพ) โปรดทราบว่านี่เป็นเพียงชื่อไฟล์ จะไม่มีผลกับชื่อแอปของคุณ
• เปิด APK บนโทรศัพท์ของคุณเพื่อติดตั้งแอป AR ของคุณเอง!

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

ขั้นตอนที่ 22: เพลิดเพลินไปกับการตกแต่งคริสต์มาสอันแสนวิเศษของคุณ

เรียกใช้แอพ วางโทรศัพท์ของคุณในชุดหูฟัง Aryzon AR และรัดไว้กับใบหน้าของคุณ คุณสามารถวางเครื่องหมายที่รวมไว้ได้ทุกที่ที่คุณต้องการให้การตกแต่งคริสต์มาสของคุณสดใสขึ้นวันของคุณ! ข้างคอมพิวเตอร์ เช่น:D

แน่นอน คุณไม่จำเป็นต้องใช้โมเดลธีมคริสต์มาสสำหรับแอปของคุณ แล้วพิพิธภัณฑ์สัตว์น้ำหรือสวนจูราสสิคขนาดจิ๋วล่ะ?

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

DeskMagic จะ:

• ทำให้โต๊ะทำงานของคุณดูอบอุ่นขึ้น
• เติมความอบอุ่นและจิตวิญญาณในวันหยุดของคุณ
• ให้คุณดูเท่จริงๆ

โปรดทราบว่าฉันทดสอบสิ่งนี้กับโทรศัพท์เครื่องเก่าของฉัน (Galaxy Note 3) ดังนั้นระยะของคุณอาจแตกต่างกันไป

ขอบคุณที่อ่าน!