تطبيق الواقع المعزز للمبتدئين: 8 خطوات

2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:40

سيوضح لك هذا البرنامج التعليمي كيفية إنشاء تطبيق الواقع المعزز للمبتدئين. سنستخدم Unity3D و Vuforia للكشف عن الطائرة الأرضية لإنشاء تطبيق AR بدون علامة لنظام Android أو IOS. سنمر في إضافة نموذج ثلاثي الأبعاد إلى Unity وتحريكه باستخدام عصا التحكم المحمولة. ستعمل هذه الطريقة أيضًا مع أي نموذج ثلاثي الأبعاد مجاني آخر يمكنك العثور عليه.

الخطوة 1: هل سيعمل هذا على هاتفك؟

بادئ ذي بدء ، نحتاج إلى التأكد من أن هاتفك يدعم اكتشاف الطائرة الأرضية من Vuforia ، لذا تأكد من أن هاتفك مدرج في قائمة الأجهزة المدعومة.

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

الشيء الوحيد الذي ستحتاجه فيما يتعلق بالبرنامج هو الإصدار المجاني من Unity. إذا لم يكن لديك بالفعل ، فانتقل إلى Unity3d.com وانقر فوق الحصول على الوحدة. أنا الآن أستخدم الإصدار 2018.2.0 ، إذا لم يعد هذا الإصدار متاحًا ، فانتقل إلى الإصدارات الأقدم من Unity وقم بتنزيل 2018.2.0.

أثناء عملية التثبيت ، تأكد من تثبيت حزم IOS أو Android اعتمادًا على نوع الهاتف لديك وتأكد من تثبيت دعم Vuforia.

الخطوة 2: ابدأ مشروع وحدة جديد

ابدأ مشروع Unity جديدًا واحذف الكاميرا الرئيسية. في شريط القائمة العلوي ، انتقل إلى كائن اللعبة ، vuforia وأضف "ARCamera".

قبل أن يعمل أي شيء ، نحتاج إلى تمكين Vuforia ، لذا انتقل إلى إعدادات إنشاء الملفات ، وتبديل النظام الأساسي ، وإعدادات XR ، وتمكين دعم الواقع المعزز Vuforia.

انقر فوق كائن لعبة "ARCamera" وفي المفتش انقر فوق تكوين Vuforia. في الجزء السفلي ، قم بتمكين تتبع الجهاز وتغيير وضع التتبع إلى الموضع.

أضف مرحلة طائرة أرضية ومكتشف طائرة من قائمة Vuforia نفسها التي حصلت على الكاميرا منها.

في مكتشف الطائرة ، قم بتغيير القائمة المنسدلة إلى تفاعلية ، وقم بإلغاء تحديد المرحلة المكررة ، واسحب كائن مرحلة مستوى الأرض إلى فتحة مرحلة الارتساء الفارغة في مكتشف المستوى.

نحتاج الآن إلى إضافة عصا التحكم الخاصة بنا ، لذا في القائمة العلوية ، انتقل إلى الأصول ، واستيراد الحزمة ، وإدخال النظام الأساسي.

في مجلد الأصول القياسي الذي تمت إضافته حديثًا ، انتقل إلى المباني الجاهزة ، واسحب المبنى الجاهز للتحكم في العصا الفردية المتنقلة إلى المشهد.

احذف زر القفز. انقر بزر الماوس الأيمن في التسلسل الهرمي وأضف واجهة مستخدم ونظام حدث.

أخيرًا على كائن لعبة جذر ذراع التحكم ، انقر لإضافة مكون وإضافة قشارة قماشية. قم بتغيير القائمة المنسدلة الخاصة بها لتتناسب مع حجم الشاشة. في البرنامج النصي جويستيك ، قم بتغيير نطاق الحركة إلى 25.

الخطوة 3: إنشاء تبديل

الآن السلوك الافتراضي لسلوك وضع المحتوى هو عندما نضغط على الشاشة يتم تغيير موضع مستوى الأرض. يتضمن ذلك عندما نضغط على كائنات واجهة المستخدم مثل الأزرار أو أذرع التحكم بحيث لا يكون هذا ما نريده. نظرًا لأن Vuforia حاليًا لا يسمح بتعديل سلوك وضع المحتوى لتصحيح هذه المشكلة ، فيمكننا إما كتابة ما يخصنا من البداية ، أو من أجل هذا البرنامج التعليمي ، سنقوم فقط بإنشاء تبديل يعمل على تشغيل هذه الوظيفة أو إيقاف تشغيلها.

انقر بزر الماوس الأيمن على عصا التحكم وقم بإنشاء واجهة مستخدم ، قم بالتبديل. قم بتوسيع كل شيء وتغيير الألوان أو النص إذا كنت تريد ذلك.

في قسم القيمة التي تم تغييرها من مفتاح التبديل ، أضف أداة العثور على الطائرة واجعلها تقوم بتعيين كائن اللعبة نشطًا بناءً على قيمة التبديل. الآن بمجرد وضع الكائن في العالم ، من المحتمل أن نقوم بإيقاف تشغيل التبديل ، لذا انتقل إلى سلوك وضع المحتوى واسحب مفتاح التبديل إلى المحتوى الموجود على وضع حتى وضبط مفتاح التبديل على إيقاف التشغيل.

الخطوة 4: الوحش

انتقل إلى النافذة ، عام ، وأضف نافذة متجر الأصول.

ابحث عن "حرف الوحش" وفرزها مجانًا ، واحصل على النتيجة الأولى واستوردها.

اسحب مبنى الوحش الجاهز تحت مستوى سطح الأرض مما يجعله طفلاً. اضبط موضعه ودورانه على الصفر. اضبط مقياس x y و z على 0.1.

انتقل إلى الرسوم المتحركة واحذف كل شيء ما عدا الإدخال. اسحب الرسوم المتحركة أثناء المشي والخامل من مجلد الرسوم المتحركة للوحش.

في قسم المعلمات ، انقر فوق زر علامة الجمع وأضف اثنين من المشغلات "المشي" و "الخمول".

انقر فوق كل رسم متحرك وأضف انتقالًا إلى الآخر.

انقر فوق كل انتقال وأضف شرطًا ، ثم قم بالسير لأول مرة وخامل للشرط الثاني. قم بإلغاء تحديد وقت الخروج واسحب جميع أشرطة التمرير إلى 0 في كل واحدة.

الآن نريد تكرار كل رسم متحرك ، لذا انقر فوق كل رسم متحرك وانتقل إلى مقطعه. انقر فوق تحرير في كل واحد وتحقق من وقت الحلقة.

الخطوة الخامسة: التحكم في شخصيتنا

انقر بزر الماوس الأيمن في مجلد الأصول وأنشئ برنامج نصي C # يسمى "CharacterController" وأضف هذا:

باستخدام System. Collections.

باستخدام System. Collections. Generic ؛ باستخدام UnityEngine ؛ باستخدام UnityStandardAssets. CrossPlatformInput ؛ فئة عامة CharacterController: MonoBehaviour {private const float speed =.1f؛ الرسوم المتحركة الخاصة. // استخدم هذا لتهيئة الفراغ Start () {anim = GetComponent () ؛ } // يتم استدعاء التحديث مرة واحدة لكل إطار باطل Update () {// نقل الحرف من تعويم إدخال عصا التحكم x = CrossPlatformInputManager. GetAxis ("Horizontal")؛ 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) ؛ } if (! x. Equals (0) ||! y. Equals (0)) {transform.position + = transform.forward * Time.deltaTime * speed؛ anim. SetTrigger ("المشي") ؛ } else {anim. SetTrigger ("idle") ؛ }} public void PlaceCharacter () {transform.localPosition = Vector3.zero؛ }}

الخطوة 6: دعني أوضح

بادئ ذي بدء ، لدينا تعويم ثابت محدد في الأعلى ، لذلك إذا كنت تريد أن يتحرك وحشك بشكل أسرع أو أبطأ ، فقم فقط بتغيير هذه القيمة.

سيتم إضافة هذا البرنامج النصي إلى وحشنا حتى نتمكن من القيام بشيء مثل "GetComponent ()" من أجل الحصول على مرجع إلى Animator Animator هذا (بهذه الطريقة يمكننا تشغيل الرسوم المتحركة من التعليمات البرمجية).

نحصل بعد ذلك على حركة x و y لعصا التحكم من مدير إدخال النظام الأساسي وحفظهما في متغير.

ثم نستخدم هذين المتغيرين لإدارة وتحريك الوحش وفقًا لإدخال عصا التحكم.

إذا كان الوحش يتحرك ، فسنلعب الرسوم المتحركة للمشي وإذا لم تكن تتحرك ، فإننا نلعب الرسوم المتحركة الخاملة.

الوظيفة الأخيرة التي لدينا هي إعادة تعيين الموضع المحلي للوحوش إلى الصفر في كل مرة يتم فيها تغيير موضع مستوى الأرض. لذلك مع الطريقة التي تم بها إعداد تطبيقنا الآن ، ستعيد Vuforia وضع مستوى سطح الأرض في كل مرة نضغط فيها على الشاشة. يمكن أن يتحرك وحشنا حول المنصة ، لذا يجب علينا إعادة وضعه إلى الصفر ، بالنسبة إلى المرحلة في كل مرة يتم تغيير موضعه.

الخطوة 7: اللمسات الأخيرة

أخيرًا ، نحتاج فقط إلى إضافة CharacterController.cs إلى وحشنا. لذا انتقل إلى التحويل الجذري للمبنى الوحش الجاهز في التسلسل الهرمي وانقر فوقه. سيؤدي هذا إلى سحبها على المفتش إلى اليمين. انقر فوق إضافة مكون وابحث عن البرنامج النصي للتحكم في الأحرف. أضف ذلك.

نحتاج أيضًا إلى التأكد من استدعاء وظيفة PlaceCharacter الخاصة بنا بالفعل ، لذا انتقل إلى كائن لعبة العثور على الطائرة وانقر فوقه.

في المفتش يجب أن يكون هناك قسم متقدم يمكنك النقر فوقه للتوسيع. هناك حدث الوحدة هناك يسمى "OnContentPlaced." أضف وظيفة إلى ذلك بالنقر فوق زر علامة الجمع. اسحب الوحش إلى الفتحة الفارغة هناك ، واختر البرنامج النصي لوحدة التحكم في الأحرف ، وأخيراً اختر وظيفة "PlaceCharacter".

الخطوة 8: دعنا نحصل عليه على هاتفك

إذا كنت تستخدم Android أو IOS ، فانقر فوق ملف ، وقم ببناء الإعدادات ، وانتقل إلى إعدادات المشغل للنظام الأساسي الخاص بك. في كلتا الحالتين ، تأكد من إدخال شيء لمعرّف الحزمة (في النموذج "com. YourName. YourAppName"). تأكد أيضًا من وجود بعض الرسائل في حقل وصف استخدام الكاميرا.

إذا كان جهاز Android الخاص بك ، قم بإلغاء تحديد توافق Android TV وقم بتغيير الحد الأدنى من هدف التصميم إلى Nougat.

إما أن تضغط على الإنشاء والتشغيل ، أو تضغط على إنشاء وتثبيت.apk باستخدام ADB أو Android Studio.

إذا ضغطت على IOS على إنشاء ثم افتح المجلد الناتج في XCode. قم بالتسجيل للحصول على حساب مطور Apple مجاني (إذا لم يكن لدينا حساب بالفعل) اختر فريقك واضغط على زر التشغيل للحصول عليه على هاتفك!

اسمحوا لي أن أعرف في التعليقات إذا كان لديكم أي أسئلة!