الواقع المعزز لـ Layar لـ MAKE Vol 28 (وكيفية صنعك) - 💡 Fix My Ideas

الواقع المعزز لـ Layar لـ MAKE Vol 28 (وكيفية صنعك)

الواقع المعزز لـ Layar لـ MAKE Vol 28 (وكيفية صنعك)


مؤلف: Ethan Holmes, 2019

[رابط فيديو] أحب محتوى الواقع المعزز الذي أنشأته Layar لمشكلة ألعاب وألعاب MAKE. وكتب جين بيكر من Layar ، الذي قاد هذا المشروع ، بلطف مقالة إرشادية حول إنشاء غلاف لمجلة الواقع المعزز. اقرأها بعد القفزة.

الواقع المعزز (AR) عبارة عن تقنية ممتعة تغذي الوسائط الرقمية على العالم المادي. الأجهزة المحمولة الحديثة مثل أجهزة iPhone و Android محملة بأجهزة استشعار مثل GPS وعدادات التسارع والكاميرات التي تجعل AR ممكنًا. في هذا المشروع ، سنزيد من غلاف مجلة MAKE مع صورة رقمية وربطها بمقطع فيديو على الويب. لتحقيق ذلك ، سنتعلم أساسيات النظام الأساسي Layar AR ، تصميم طبقة AR بسيطة ، وتطوير خدمة ويب أساسية للغاية لتقديم طبقة AR إلى هاتفك الذكي.

تغطية مجلة الواقع المعزز

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

الواقع المعزز (AR) عبارة عن تقنية ممتعة تغذي الوسائط الرقمية على العالم المادي. الأجهزة المحمولة الحديثة مثل أجهزة iPhone و Android محملة بأجهزة استشعار مثل GPS وعدادات التسارع والكاميرات التي تجعل AR ممكنًا. في هذا المشروع ، سنزيد من غلاف مجلة MAKE مع صورة رقمية وربطها بمقطع فيديو على الويب. لتحقيق ذلك ، سنتعلم أساسيات النظام الأساسي Layar AR ، تصميم طبقة AR بسيطة ، وتطوير خدمة ويب أساسية للغاية لتقديم طبقة AR إلى هاتفك الذكي.

ما ستحتاج إليه: - نسخة من مجلة MAKE (أو مجلة أخرى ترغب في زيادتها) - الوصول إلى خادم الويب المستضاف الذي يشغل PHP ، والذي يمكنك تحميل الملفات إليه - iPhone 3Gs أو 4 أو 4s أو ما يعادله هاتف Android - تطبيق Layar Reality Browser 6.0 (مجاني) المثبت على هاتفك - حساب مطور Layar (مجاني) على http://layar.com/publishing

مهارات مفيدة: - فهم الحد الأدنى من HTML و PHP و JSON مفيد ولكنه غير مطلوب

خطوة بخطوة: 1. تصميم المشروع وإعداد أصول الوسائط 2. إنشاء خدمة ويب لطبقتك 3. إعداد الطبقة للنشر 4. اختبار إنشاء AR الخاص بك

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

- الكائن الهدف: إصدار العدد 28 من مجلة MAKE ، الكائن الفعلي - الصورة المرجعية: صورة رقمية عالية الدقة لغطاء المجلة - تكبير: صورة رقمية منخفضة الدقة ، سنستخدم إطارًا ثابتًا من مقطع الفيديو الخاص بـ MAKE # 28 - الإجراء: عندما ينقر العارض على الشاشة ، سيتم تشغيل مقطع الفيديو MAKE # 28 من YouTube.

للحصول على مقدمة سريعة حول كيفية عمل ذلك ، شاهد هذين الفيديوين القصيرين: تقديم Layar Vision Layar Vision Explained

قم بتنزيل الصورة المرجعية على جهاز الكمبيوتر الخاص بك هنا ، وسوف نستخدمها لاحقًا.

2. إنشاء خدمة ويب لطبقتك Layar يستخدم API على شبكة الإنترنت للاتصال بين الأجهزة المحمولة وخدمات AR في السحابة. لا تقلق بشأن تفاصيل هذا ؛ سنستخدم خدمة ويب بسيطة للغاية تتكون من 3 ملفات PHP بسيطة وملف نصي منسق (بتنسيق JSON) وأصول الوسائط من الخطوة 1.

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

يمكنك اختبار الخدمة عن طريق فتح عنوان URL هذا في متصفح (استبدال عنوان موقع الويب الخاص بك حيث يقول www.yourdomain.com/your-web-directory): http://www.yourdomain.com/your-web-directory/make /index.php. عند إعداد الخدمة بشكل صحيح ، سترى صفحة من النص المنسق تبدو كما يلي:

3. قم بإعداد طبقتك للنشر بعد ذلك ، سنقوم بتسجيل الدخول إلى خدمة نشر Layar ، وإعداد طبقتنا وتحميل صورتنا المرجعية.

انتقل إلى http://layar.com/publishing وإنشاء حساب مطور.

بمجرد تسجيل الدخول إلى حسابك ، سترى صفحة تبدو مثل هذا:

انقر فوق الزر "إنشاء طبقة جديدة!" وسترى نموذجًا يمكنك من خلاله إدخال معلومات حول مشروعك. الآن دعونا نفعل الحد الأدنى الضروري ؛ يمكنك العودة لاحقًا لاستكشاف بيئة النشر.

بالنسبة لـ "اسم الطبقة" ، أدخل اسمًا فريدًا بأحرف صغيرة وأرقامًا فقط. بالنسبة لـ "العنوان" ، أدخل اسمًا سهل الاستخدام لطبقتك التي سيتم عرضها في التطبيق. بالنسبة لـ "اسم الناشر" ، أدخل اسمك أو اسم مستعار. في حقل "عنوان URL لنقطة API" ، أدخل عنوان URL لخدمة الطبقة الخاصة بك من الخطوة 2 ؛ سيبدو شيء مثل http://www.yourdomain.com/your-web-directory/make/index.php. يجب تعيين "نوع الطبقة" على كائنات ثلاثية الأبعاد وثنائية الأبعاد في مساحة ثلاثية الأبعاد. حدد المربع لتمكين "Layar Vision". انقر فوق الزر "إنشاء طبقة".

في الشاشة التالية ، يمكنك تحرير الطبقة الجديدة بالتفصيل. الآن ، انظر إلى منطقة التنقل الموجودة على الجانب الأيسر وحدد موقع "الصور المرجعية" وانقر عليه. انقر فوق "تحميل صورة مرجعية جديدة". في مربع الحوار ، انقر فوق "اختيار ملف" وحدد صورتنا المرجعية من الخطوة 2 ، make-reference-image.jpg. بالنسبة إلى نوع "مفتاح الصورة": make28 اضبط "ارتفاع العالم الحقيقي" على 0.25 (ارتفاع مجلة Make الفعلية بالأمتار). انقر فوق "إرسال" ، وبعد الانتهاء من تحميل الصورة ، انقر فوق "انتهيت من تحميل الصور". بعد إغلاق مربع الحوار ، انقر فوق "حفظ".

4. اختبر إنشاء AR على هاتفك ، ابدأ تشغيل تطبيق Layar. بمجرد الدخول إلى التطبيق ، انتقل إلى الإعدادات> الحساب وتسجيل الدخول باستخدام بيانات اعتماد حساب مطور Layar. سيسمح لك ذلك باختبار الطبقة غير المنشورة. انتقل مرة أخرى إلى الطبقات ، وستظهر لك شاشة مميزة ومميزة وشائعة واختبار. انقر فوق اختبار ، وستظهر لك الطبقة الجديدة. انقر لإطلاق الطبقة الخاصة بك. ستكون الآن في وضع الفيديو المباشر ، وسترى رمزًا صغيرًا يحمل الرقم 1 عليه (يمثل الصورة المرجعية الوحيدة التي قمت بتحميلها في الخطوة 4).ها هي لحظة الحقيقة - شاهد غلاف نسختك من Make # 28 بهاتفك ، وفي غضون ثوانٍ قليلة ستظهر لك الصورة المدمجة! الآن انقر على زيادة ، ويجب أن تشاهد الفيديو يوتيوب ل جعل # 28 بداية للعب!

تهانينا ، أنت مطور واقع إضافي!

بالطبع ، لقد خدشنا السطح فقط ، وهناك مساحة أكبر لاستكشافها. فيما يلي بعض الموارد الجيدة للغطس العميق في AR:

يحتوي موقع مطور Layar على مستندات ووثائق تعليمية شاملة لمطوري AR الطموحين.

للمُنشئين الأقل ميلًا تقنيًا ، هناك بعض أنظمة إدارة المحتوى سهلة الاستخدام التي تسمح لك بإنشاء طبقات AR تعتمد على الموقع دون الحاجة إلى البرمجة.

يعد خادم طبقة مفتوح المصدر من Jens de Smit’s PorPOIse إطار خدمة طبقة PHP كامل الميزات للمطورين.



قد تكون مهتمة

رجل يخترع جراد البحر الكهربائي

رجل يخترع جراد البحر الكهربائي


مقابلة مع مصمم المجوهرات غيل كروسمان مور

مقابلة مع مصمم المجوهرات غيل كروسمان مور


Make: Holiday Gift Guide 2009: Photography DIY

Make: Holiday Gift Guide 2009: Photography DIY


Knifty Knitter Loom-Along: Alice Wrist Warmers - هيا بنا نبدأ!

Knifty Knitter Loom-Along: Alice Wrist Warmers - هيا بنا نبدأ!