استكشاف تفاعلات واجهة المستخدم XR في "محرك الأفكار"

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

مقال ضيف بقلم بريت جاكسون

يعمل بريت جاكسون على تطوير مشاريع الواقع الافتراضي منذ عام 2015 وهو مدير الشركة الجديدة التي يقع مقرها في المملكة المتحدة X82 المحدودة. تتضمن إصداراته السابقة: Dimensional (PC VR)، وBreath Tech (PC VR)، وJigsaw 360 (PC VR وmobile VR) و120 هرتز (SideQuest).

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

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

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

لوحات

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

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

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

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

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

على الرغم من أن اللوحات مريحة ومألوفة، إلا أنه لا ينبغي لنا أن نشعر بأننا مقيدون بحدودها، ومن الممتع البحث عن طرق للخروج منها.

القوائم الرئيسية

عرّفني StereoKit على قائمة اليد الشعاعية، والتي قمت بعد ذلك بتوسيعها. تعجبني هذه الفكرة لأنك تديرها بيد واحدة، لذا فهي مريحة ويمكن الوصول إليها. أقوم بإتاحة نظام القائمة نفسه لكل من اليد اليمنى واليسرى واستخدم نفس الأسلوب للقوائم المنبثقة على اللوحات لتحقيق الاتساق.

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

ستتمكن قريبًا من إضافة قوائم مثل هذه إلى مشاريع Idea Engine الخاصة بك.

الحاجيات ثلاثية الأبعاد

يوفر منتقي الألوان فرصة مثالية للتجربة، حيث يحتوي على ثلاث قيم (درجة اللون والتشبع والقيمة) يمكن تعيينها إلى 3 أبعاد. في منتقي الألوان ثلاثي الأبعاد الخاص بي، يمكنك تغيير القيم الثلاث مرة واحدة أو تعيين تدرج اللون أو التشبع أو القيمة بشكل فردي. أشعر أن التفاعل معها أكثر إثارة للاهتمام من التعامل مع أشرطة التمرير الموجودة على صفحة ثنائية الأبعاد.

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

العناية باليد

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

مع اختفاء اليد، لدي أيضًا الحرية في تخفيف حركة اليد أو المبالغة فيها دون أي تعارض بصري. أقوم بتخفيف حركة اليد في منتقي الألوان لتقليل الحساسية والمبالغة في حركة اليد عند التمرير عندما يكون هناك الكثير من المحتوى.

نص

بينما يدعم Idea Engine Sketchfab لتنزيل النماذج ثلاثية الأبعاد، والذكاء الاصطناعي لإنشاء الصور، واستيراد الصور/الصوت، فمن الصعب التغلب على سهولة الوصول إلى النص والكلمة المنطوقة لنقل الروايات المعقدة. مع أخذ ذلك في الاعتبار، كنت بحاجة إلى دعم لائق للنص حتى يتمكن المستخدمون من دمج جميع التنسيقات المتاحة لسرد قصصهم.

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

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

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

حاول

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

• ألفا العام متاح الآن ويمكن تنزيله مجانًا على App Lab، حتى تتمكن من الحضور وتجربة أي من الميزات التي تمت مناقشتها وتعطيني ملاحظاتك.

• محتوى مدعوم من تحسين محركات البحث وتوزيع العلاقات العامة. تضخيم اليوم.
• PlatoData.Network Vertical Generative Ai. تمكين نفسك. الوصول هنا.
• أفلاطونايستريم. ذكاء Web3. تضخيم المعرفة. الوصول هنا.
• أفلاطون كربون، كلينتك ، الطاقة، بيئة، شمسي، إدارة المخلفات. الوصول هنا.
• أفلاطون هيلث. التكنولوجيا الحيوية وذكاء التجارب السريرية. الوصول هنا.
• المصدر https://www.roadtovr.com/xr-interface-interactions-idea-engine-brett-jackson/