แอพ Augmented Reality สำหรับผู้เริ่มต้น: 8 ขั้นตอน

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

บทช่วยสอนนี้จะแสดงวิธีสร้างแอปความเป็นจริงเสริมสำหรับผู้เริ่มต้น เราจะใช้การตรวจจับระนาบพื้นของ Unity3D และ Vuforia เพื่อสร้างแอป AR แบบไม่มีเครื่องหมายสำหรับ Android หรือ IOS เราจะดำเนินการเพิ่มโมเดล 3 มิติให้กับ Unity และเคลื่อนย้ายไปรอบๆ ด้วยจอยสติ๊กบนมือถือ วิธีนี้จะใช้ได้กับโมเดล 3 มิติฟรีอื่นๆ ที่คุณหาได้

ขั้นตอนที่ 1: จะใช้งานได้บนโทรศัพท์ของคุณหรือไม่

ก่อนอื่นเราต้องตรวจสอบให้แน่ใจว่าโทรศัพท์ของคุณรองรับการตรวจจับระนาบพื้นของ Vuforia เพื่อให้แน่ใจว่าโทรศัพท์ของคุณอยู่ในรายการอุปกรณ์ที่รองรับ

library.vuforia.com/articles/Solution/Vufo…

สิ่งเดียวที่คุณต้องการเท่าซอฟต์แวร์คือ Unity เวอร์ชันฟรี หากคุณยังไม่มี ให้ไปที่ Unity3d.com แล้วคลิกรับ Unity ตอนนี้ฉันใช้เวอร์ชัน 2018.2.0 หากเวอร์ชันนี้ไม่มีให้ใช้งานแล้ว ให้ไปที่ Unity เวอร์ชันเก่าและดาวน์โหลด 2018.2.0

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

ขั้นตอนที่ 2: เริ่มโครงการ Unity ใหม่

เริ่มโครงการ Unity ใหม่และลบกล้องหลัก ที่แถบเมนูด้านบน ไปที่วัตถุเกม vuforia และเพิ่ม "ARCamera"

ก่อนที่ทุกอย่างจะทำงานได้ เราต้องเปิดใช้งาน Vuforia ดังนั้นให้ไปที่การตั้งค่าการสร้างไฟล์ สลับแพลตฟอร์ม การตั้งค่า XR และเปิดใช้งานการสนับสนุน Vuforia Augmented reality

คลิกที่วัตถุเกม "ARCamera" และในตัวตรวจสอบคลิกการกำหนดค่า Vuforia ที่ด้านล่างเปิดใช้งานการติดตามอุปกรณ์และเปลี่ยนโหมดการติดตามเป็นตำแหน่ง

เพิ่มระยะระนาบพื้นและตัวค้นหาเครื่องบินจากเมนู Vuforia เดียวกันกับที่คุณได้รับจากกล้อง

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

ตอนนี้ เราต้องเพิ่มจอยสติ๊กของเรา ดังนั้นที่เมนูด้านบน ให้ไปที่เนื้อหา แพ็คเกจนำเข้า อินพุตข้ามแพลตฟอร์ม

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

ลบปุ่มกระโดด คลิกขวาในลำดับชั้นและเพิ่ม UI ระบบเหตุการณ์

สุดท้ายบนวัตถุเกมรูทจอยสติ๊กคลิกเพื่อเพิ่มส่วนประกอบและเพิ่มตัวปรับขนาดผ้าใบ เปลี่ยนรายการแบบเลื่อนลงเป็นมาตราส่วนตามขนาดหน้าจอ ในสคริปต์จอยสติ๊กเปลี่ยนช่วงการเคลื่อนไหวเป็น 25

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

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

คลิกขวาที่จอยสติ๊กและสร้าง UI สลับ ขยายทุกอย่างและเปลี่ยนสีหรือข้อความหากต้องการ

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

ขั้นตอนที่ 4: มอนสเตอร์

ไปที่หน้าต่าง ทั่วไป และเพิ่มหน้าต่างร้านค้าสินทรัพย์

ค้นหา "ตัวละครสัตว์ประหลาด" และจัดเรียงตามอิสระ คว้าผลลัพธ์แรกและนำเข้าอันนั้น

ลากมอนสเตอร์รูปแบบสำเร็จรูปใต้ระนาบพื้นทำให้เป็นเด็ก ตั้งค่าตำแหน่งและการหมุนเป็นศูนย์ ตั้งค่ามาตราส่วน x y และ z เป็น.1

ไปที่อนิเมเตอร์และลบทุกอย่างยกเว้นรายการ ลากแอนิเมชั่นเดินและไม่ได้ใช้งานจากโฟลเดอร์แอนิเมชั่นของสัตว์ประหลาด

ในส่วนพารามิเตอร์ ให้คลิกปุ่มบวกและเพิ่มทริกเกอร์ "เดิน" และ "ไม่ได้ใช้งาน" สองตัว

คลิกแต่ละแอนิเมชั่นและเพิ่มทรานซิชันไปยังแอนิเมชั่นอื่น

คลิกการเปลี่ยนแปลงแต่ละครั้งและเพิ่มเงื่อนไข ดำเนินการสำหรับอันแรกและว่างสำหรับอันที่สอง ยกเลิกการเลือกมีเวลาออกและลากตัวเลื่อนทั้งหมดไปที่ 0 ในแต่ละอัน

ตอนนี้เราต้องการให้แต่ละแอนิเมชั่นวนซ้ำ ให้คลิกที่แอนิเมชั่นแต่ละอันและไปที่คลิปของแอนิเมชั่น คลิกแก้ไขแต่ละรายการและตรวจสอบเวลาวนซ้ำ

ขั้นตอนที่ 5: ควบคุมตัวละครของเรา

คลิกขวาในโฟลเดอร์ asset และสร้างสคริปต์ C# ชื่อ "CharacterController" และเพิ่มสิ่งนี้:

ใช้ System. Collections;

ใช้ System. Collections. Generic; ใช้ UnityEngine; ใช้ UnityStandardAssets. CrossPlatformInput CharacterController คลาสสาธารณะ: MonoBehaviour { ความเร็ว const ส่วนตัว =.1f; แอนิเมชั่นอนิเมเตอร์ส่วนตัว; // ใช้สำหรับการเริ่มต้นเป็นโมฆะ Start () { anim = GetComponent (); } // อัปเดตถูกเรียกหนึ่งครั้งต่อเฟรม void Update () { //ย้ายอักขระจากจอยสติ๊กอินพุต float x = CrossPlatformInputManager. GetAxis ("แนวนอน"); float y = CrossPlatformInputManager. GetAxis ("แนวตั้ง"); if (!x. Equals(0) && !y. Equals (0)) { transform.eulerAngles = new Vector3 (transform.eulerAngles.x, Mathf. Atan2 (x, y) * Mathf. Rad2Deg, transform.eulerAngles.z); } ถ้า (!x. Equals (0) || !y. Equals (0)) { transform.position += transform.forward * Time.deltaTime * ความเร็ว; anim. SetTrigger ("เดิน"); } อื่น ๆ { anim. SetTrigger ("ว่าง"); } } โมฆะสาธารณะ PlaceCharacter () { transform.localPosition = Vector3.zero; } }

ขั้นตอนที่ 6: ให้ฉันอธิบาย

อย่างแรกเลย เรามีการลอยตัวคงที่ที่ด้านบน ดังนั้นหากคุณต้องการให้มอนสเตอร์ของคุณเคลื่อนที่เร็วขึ้นหรือช้าลง เพียงแค่เปลี่ยนค่านั้น

สคริปต์นี้จะถูกเพิ่มเข้าไปในมอนสเตอร์ของเรา เพื่อให้เราสามารถทำอะไรบางอย่างเช่น "GetComponent()" เพื่อรับการอ้างอิงถึงอนิเมเตอร์อนิเมเตอร์นี้ (ด้วยวิธีนี้ เราจะสามารถเล่นแอนิเมชั่นจากโค้ดได้)

จากนั้นเราได้รับการเคลื่อนไหว x และ y ของจอยสติ๊กจากตัวจัดการอินพุตข้ามแพลตฟอร์มและบันทึกแต่ละรายการในตัวแปร

จากนั้นเราใช้ตัวแปรทั้งสองนี้เพื่อหมุนและเคลื่อนย้ายมอนสเตอร์ตามอินพุตของจอยสติ๊ก

หากสัตว์ประหลาดกำลังเคลื่อนไหว เราจะเล่นแอนิเมชั่นการเดิน และหากมันไม่เคลื่อนไหว เราจะเล่นแอนิเมชั่นเมื่อไม่ได้ใช้งาน

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

ขั้นตอนที่ 7: สัมผัสสุดท้าย

สุดท้ายเราเพียงแค่ต้องเพิ่ม CharacterController.cs ให้กับมอนสเตอร์ของเรา ไปที่การแปลงรูทของสัตว์ประหลาด prefab ในลำดับชั้นแล้วคลิกที่มัน สิ่งนี้จะดึงขึ้นบนตัวตรวจสอบทางด้านขวา คลิกเพิ่มองค์ประกอบและค้นหาสคริปต์ตัวควบคุมอักขระ เพิ่มที่

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

ในตัวตรวจสอบควรมีส่วนขั้นสูงที่คุณสามารถคลิกเพื่อขยายได้ มีกิจกรรม Unity ที่เรียกว่า "OnContentPlaced" เพิ่มฟังก์ชั่นโดยคลิกที่ปุ่มบวก ลากมอนสเตอร์เข้าไปในช่องว่างที่นั่น เลือกสคริปต์ควบคุมตัวละคร และสุดท้ายเลือกฟังก์ชัน "PlaceCharacter"

ขั้นตอนที่ 8: มาเริ่มกันเลยบนโทรศัพท์ของคุณ

หากคุณใช้ Android หรือ IOS ให้คลิกไฟล์ สร้างการตั้งค่า และไปที่การตั้งค่าเครื่องเล่นสำหรับแพลตฟอร์มที่เกี่ยวข้อง ในทั้งสองกรณี ตรวจสอบให้แน่ใจว่าได้ใส่ข้อมูลบางอย่างสำหรับตัวระบุบันเดิล (ในรูปแบบ "com. YourName. YourAppName") ตรวจสอบให้แน่ใจว่าคุณมีข้อความในช่องคำอธิบายการใช้งานกล้อง

หากคุณใช้ Android ให้ยกเลิกการเลือกความเข้ากันได้ของ Android TV และเปลี่ยนเป้าหมายการสร้างขั้นต่ำเป็น Nougat

ไม่ว่าจะกดบิลด์และรัน หรือกดบิลด์และติดตั้ง.apk ด้วย ADB หรือ Android Studio

หากคุณใช้ IOS ให้กด build แล้วเปิดโฟลเดอร์ผลลัพธ์ใน XCode ลงทะเบียนสำหรับบัญชีนักพัฒนา Apple ฟรี (ถ้าเรายังไม่มี) เลือกทีมของคุณและกดปุ่มเล่นเพื่อรับมันในโทรศัพท์ของคุณ!

แจ้งให้เราทราบในความคิดเห็นหากคุณมีคำถาม!