Advertisement
  1. Code
  2. Coding Fundamentals
  3. Game Development

نصائح وحيل للواقع المعزز مع الوحدة وفوفوريا

Scroll to top
Read Time: 11 min
This post is part of a series called Create a Pokémon GO Style Augmented Reality Game With Vuforia.
Create a Pokémon GO Style Augmented Reality Game With Vuforia: Image Targets

() translation by (you can also view the original English article)

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

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

1. إعداد Vuforia على الوحدة

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

قبل استخدام أي من موارد Vuforia على Unity ، سيتعين عليك إعداد إطار العمل. أولاً ، سيتعين عليك تنزيل حزمة Vuforia واستبدالها بشركة Unity.

بعد ذلك ستحتاج إلى إنشاء مفتاح ترخيص للمشروع في مدير ترخيص Vuforia. بمجرد إنشائها ، ستأخذ المفتاح وتدرجه في ARCamera prefab ، وهذا كل شيء. الآن يمكنك البدء في اللعب مع Vuforia.

أنا أغطي هذه العملية بتعمق مع البرنامج التعليمي الخاص بي إنشاء لعبة الواقع المعزز بوكيمون GO ستايل مع Vuforia.

2. تصميم ImageTarget

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

تحتاج بشكل خاص إلى معرفة كيفية تصميم ImageTarget. ذلك لأن الكثير من أنواع Vuforia الأخرى تتكون من عدة ImageTargets مرتبة في موضع محدد وترتيب معين مع MultiTarget.

هناك ثلاثة قواعد أساسية يجب أن تلتزم بها ImageTarget:

  1. يجب أن تكون غنية بالتفاصيل.
  2. يجب أن يكون هناك تباين جيد ، مع مناطق مشرقة ومظلمة.
  3. لا توجد أنماط متكررة يمكن أن تكون موجودة.
An example imageAn example imageAn example image

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

The edges of an imageThe edges of an imageThe edges of an image

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

Patterns on ImageTargesPatterns on ImageTargesPatterns on ImageTarges

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

3. استخدام MultiTarget

يُعرف أيضًا باسم الهدف, MutiTarget وهو يتكون من سلسلة من ImageTargets في ترتيب هندسي محدد. يسمح هذا الترتيب لخوارزمية Vuforia بتتبع الأهداف في نفس الوقت ، وإنشاء مرجع حجمي. يمكن أن تكون ميزة MultiTarget مفيدة جدًا في الحملات التسويقية لتعزيز تفاعل المستهلك مع مجموعات المنتجات وما إلى ذلك.

3.1 تصميم MultiTarget

بشكل أساسي ، يجب أن يتطابق تصميم MultiTarget مع القواعد نفسها التي تتبعها ImageTarget ، مضيفًا شكلين آخرين: عمق المربع واتساقها الهندسي.

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

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

3.2 إنشاء MultiTarget

تتمثل الخطوة الأولى في إضافة أو تحديد قاعدة بيانات في مدير المستهدف في Vuforia. حدد قاعدة البيانات وانقر فوق 'إضافة الهدف' ، حدد الخيار Cuboid وتعيين العرض والطول والطول والاسم.

Adding a Cuboid TargetAdding a Cuboid TargetAdding a Cuboid Target

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

عندما يتم تعيين Cuboid ، ستكون جاهزًا للانطلاق. ما عليك سوى تنزيل قاعدة البيانات واستيرادها إلى Unity. لاستخدامها ، اسحب إلى سابق الإعداد MultiTarget إلى المرحلة ، وحدد قاعدة البيانات التي تم تنزيلها و Target Cubot. لمعرفة المزيد حول MultiTarget ، ألق نظرة على الوثائق.

4. أهداف اسطوانة

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

4.1 تصميم هدف اسطوانة

ويستند A CylinderTarget أيضا على ImageTarget ، وبالتالي ينبغي أن تتوافق مع تصميم تلك القواعد. يجب أن يكون أعلى وأسفل الاسطوانة صورًا مربعة سيتم تمييزها بواسطة نظام Target Manager. كما هو الحال مع MultiTarget ، يجب مراعاة انسجام الهدف ، مما يعني أنه في حالة إزالة جزء من الكائن ، فسيكون من المفيد تركه فارغًا على المدير.

4.2 إنشاء هدف اسطوانة

يتم إنشاء هذا النوع من الهدف في خطوتين. أولها هو إضافة أو تحديد قاعدة بيانات في Vuforia’s Target Manager ، إضافة هدف جديد ، وتحديد خيار الاسطوانة ، وتعيين الأبعاد والأسم.

Adding a Cylinder TargetAdding a Cylinder TargetAdding a Cylinder Target

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

Adding a cylinder targetAdding a cylinder targetAdding a cylinder target

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

Cylinder ratio errorCylinder ratio errorCylinder ratio error

بمجرد تعريف CylinderTarget ، يمكنك استخدامه. لن يلزمك سوى تنزيل قاعدة البيانات واستيرادها إلى Unity ، ثم سحب إنشاء مسبق لـ Vuforia CylinderTarget إلى المشهد ، وستصبح جاهزًا للانطلاق.

5. سمارت التضاريس

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

تبدأ التجربة عندما يتم تعقب نوع من هدف Vuforia. يمكن أن تبدأ عندما يتتبع الجهاز ImageTarget أو CylinderTarget أو أي نوع آخر من الأهداف.

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

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

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

تعمل SmartTerrain على ثلاث مراحل:

  • التدريج: يقوم المستخدم بتوزيع الهدف والدعائم.
  • المسح الضوئي: يتم التقاط المسرحية والدعائم المستخدمة في الإعداد وإعادة تركيبها بواسطة جهاز تعقب التضاريس الذكية.
  • التتبع: يتم تعزيز التضاريس في الوقت الفعلي من خلال مشهد الوحدة الذي طورته.

تعد عملية إنشاء تجربة SmartTerrain عملية سهلة ، ولكنها تتطلب الكثير من الخطوات. نظرًا لأن فريق Vuforia يزودنا بدليل تفصيلي خطوة بخطوة لإنشاء تجربة Smart Terrain في Unity ، فلن نتعمق في عملية الإنشاء هنا.

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

6. VuMark

VuMark هو نوع من الأهداف التي يمكن تخصيصها بالكامل. يمكن أن تعكس اختيارات التصميم المحددة أو شخصية العلامة التجارية. كما يمكن التعرف عليه من خلال نظام تتبع Vuforia ، ويمكنه تشغيل تجارب AR أو تشفير البيانات.

VuMark examplesVuMark examplesVuMark examples

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

لن أخوض في كل متطلبات VuMark وعمليات التصميم. بدلاً من ذلك ، سأقدم لك فكرة عامة عن العملية ، وإذا قررت تصميم VuMarker الخاص بك ، فستحتاج على الأرجح إلى قراءة أدلة Vuforia أولاً.

6.1 تصميم VuMark

من المهم جدًا فهم بعض قواعد التصميم والتصميم لشركة VuMark ، وإلا فلن يعمل الهدف بشكل صحيح.

يتكون VuMark من خمسة أجزاء:

  1. الكونتور: لم يتم رسم المحيط في الواقع على VuMark ؛ يتم تعريفه من خلال التباين بين الحدود والمساحة الواضحة. إنه الجزء الذي تكتشفه خوارزمية Vuforia لأول مرة.

  2. الحدود: هو الشكل الأكثر تحديدًا وتحديدًا لشركة VuMark. انها مصنوعة من خطوط مستقيمة ، مع أربعة زوايا على الأقل تقع في الحافة الخارجية للتصميم.

  3. مسح الفضاء: منطقة فارغة إلزامية تظهر بجوار الحد. ويضمن وجود تباين كافٍ للخوارزمية لاكتشاف الكفاف.

  4. الشفرة / العناصر: التمثيل المرئي لمعرّف الهدف. هذا يتكون من عناصر ذات تباين عالٍ ، والتي تمثل حالتين ، داكنة وخفيفة. يتم تحديد عدد العناصر الموجودة عند إنشاء قالب VuMark في Illustrator باستخدام الأدوات المقدمة من Vuforia. (المزيد عن هذا في القسم التالي.)

  5. الخلفية / منطقة التصميم: هذه المنطقة عبارة عن لوحة بيضاء فارغة سيتم تجاهلها بواسطة الخوارزمية. يمكنك تصميم بحرية في هذا الفضاء.

VuMark partsVuMark partsVuMark parts

لمعرفة المزيد عن متطلبات التصميم ، اقرأ دليل VuMarkDesign.

6.2 إنشاء VuMark

يتم إنشاء VuMark باستخدام Adobe Illustrator وأدوات تصميم VuMark المتاحة للتنزيل على موقع Vuforia. تتألف الأدوات من ثلاثة نصوص Illustrator ، والتي تأتي مع بعض الأمثلة ودليل PDF مفصل.

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

تتمثل الخطوة الأولى في إنشاء قالب VuMark جديد باستخدام البرنامج النصي الموضح VuMark-Setup.jsx. في إطار إعداد قالب VuMark ، يمكنك اختيار اسم العلامة ونوع معرفتها وطولها. يحدد عدد الحروف المشفرة في العلامة عدد العناصر التي يجب أن تحتوي عليها.

VuMark Template Design WindowVuMark Template Design WindowVuMark Template Design Window

بمجرد إنشاء القالب ، يجب نسخ مفهوم التصميم وتقسيمه باستخدام الطبقات التي أنشأها البرنامج النصي. تمثل كل طبقة جزءًا معماريًا ولها قاعدة خاصة بها. ستستخدم البرنامج النصي VuMark-Verify.jsx للتحقق من صحة التصميم. سيعطيك البرنامج النصي نصيحة حول كيفية إصلاح التصميم ليتوافق مع معايير VuMark.

VuMark Verify WindowVuMark Verify WindowVuMark Verify Window

بعد تحطيم تصميمك والتحقق من توافقه مع معايير VuMark ، حان الوقت لتصدير الهدف. لتصدير التصميم ، يجب تشغيل البرنامج النصي VuMark-Export.jsx. سيقوم بإنشاء ملف جديد في Illustrator ونقل المحتويات من قالب VuMark الخاص بك. سيطالبك بعد ذلك بحفظ قالب VuMark كملف SVG.

أخيرًا ، ستكون العلامة جاهزة ، ويمكنك تحميل الملف المستهدف إلى قاعدة بيانات جديدة في مدير المستهدف في Vuforia. ثم تحتاج فقط إلى تنزيل قاعدة البيانات واستخدامها مثل أي هدف آخر.

7. استكشاف الميزات الرائعة الأخرى

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

فيما يلي بعض المؤشرات على ميزات أخرى تستحق الاستكشاف:

  • الأهداف المحددة من قِبل المستخدم: تعمل مثل ImageTarget ، ولكن يمكن للمستخدم تحديد الأهداف أثناء التنقل باستخدام كاميرا الجهاز.
  • التعرف على السحاب: حصريًا لحسابات المؤسسات. إنها نوع من قاعدة البيانات الهدف التي تعيش في السحابة ، مما يسمح لك بتحميل ومزامنة ImageTargets مع التطبيق على الطاير.
  • تمييز الكائن: هذه ميزة تجريبية تسمح بالتعرف على كائن ما ، بعد أن يتم مسحها باستخدام أداة خاصة يقدمها Vuforia.

أثناء تواجدك هنا ، تحقق من بعض مشاركاتنا الأخرى على تطوير الجوال والهاتف المحمول!

أو لمعرفة المزيد عن الواقع المعزز مع Vuforia و Unity ، تحقق من دورة الفيديو لدينا هنا على Envato Tuts +!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.