वेबसाइट डिज़ाइनर रिस्पॉन्सिव डिज़ाइन के बारे में अच्छे से जानते हैं. वे मोबाइल फ़ोन, टैबलेट और कंप्यूटर जैसे अलग-अलग डिवाइस पर काम करने के लिए वेबसाइट बनाते हैं. साथ ही, इन्हें अलग-अलग स्क्रीन रिज़ॉल्यूशन और पिक्सल रेशियो के साथ भी काम करते हैं. WebVR की मदद से रिस्पॉन्सिव डिज़ाइन के आइडिया को नई चुनौतियां दिखाई गई हैं.
WebVR अनुभव को दो मेट्रिक के आधार पर कैटगरी में बांटा जा सकता है - इमर्सिव लेवल और इनपुट का लेवल. ये लेवल, "डिग्री ऑफ़ फ़्रीडम" (डीओएफ़) से पहचाने जाते हैं. 6 डीओएफ़ का मतलब है कि जगह और ओरिएंटेशन, दोनों को ट्रैक करना है, जबकि 3 डीओएफ़ सिर्फ़ ओरिएंटेशन को ट्रैक करता है और 0 डीओएफ़, न तो रैंक और न ही ओरिएंटेशन को ट्रैक करता है.
इमर्शन लेवल
- कोई वीआर नहीं - मॉनिटर या मोबाइल डिसप्ले.
- स्टेशनरी वीआर - डिवाइस, जिसमें 3 डीओएफ़ ट्रैकिंग की सुविधा है.
- सीटेड वीआर - 6 डीओएफ़ ट्रैकिंग, लेकिन सीमित जगह और ऐंगल रेंज में.
- रूम स्केल वीआर - कमरे के साइज़ के माहौल के साथ 6 डीओएफ़ ट्रैकिंग.
इनपुट स्तर
- 0 डीओएफ़ - इनपुट के तौर पर सिर्फ़ एक क्लिक या टैप का इस्तेमाल किया जा सकता है. इनपुट का यह तरीका उस तरफ़ से जुड़ा होता है जिसकी तरफ़ उपयोगकर्ता देख रहा होता है. कभी-कभी हम इसे 'देखने का नियंत्रण' कहते हैं.
- 3 डीओएफ़ - अपने ओरिएंटेशन को ट्रैक करने वाला कंट्रोलर, लेज़र पॉइंटर की तरह इस्तेमाल किया जा सकता है. इससे किसी दिशा या जगह की जानकारी मिलती है. कंट्रोलर की पोज़िशन का अनुमान, उपयोगकर्ता के नज़रिए के आधार पर लगाया जाता है. इसमें Daydream नियंत्रक शामिल है.
- 6 डीओएफ़ - ऐसा कंट्रोलर जो अपनी पोज़िशन और ओरिएंटेशन को ट्रैक करता है. इसका इस्तेमाल वीआर में एक हाथ को करीब से सिम्युलेट करने के लिए किया जा सकता है.
इससे आपको पता चल सकता है कि कोई ऐप्लिकेशन, बिना वीआर वाले मोबाइल डिसप्ले से किसी भी चीज़ के साथ काम कर सकता है. इसके लिए, आपको सिर्फ़ एक क्लिक करना होगा. इस तरह, पूरी तरह से ट्रैक किए गए दो हैंड कंट्रोलर से इनपुट दिए जा सकते हैं.
वेबवीआर लैब
PlayCanvas WebVR Lab में हमने कुछ ऐसे मुख्य इंटरैक्शन लागू किए हैं जिनकी आपको अपने ऐप्लिकेशन में ज़रूरत पड़ सकती है. साथ ही, हमने इन इंटरैक्शन को अनुभव के अलग-अलग लेवल पर लागू किया है.
इंटरैक्शन कैसे काम करते हैं
WebVR लैब में इंटरैक्शन कैसे काम करते हैं, इसकी बुनियादी तकनीक किरण वाले इंटरसेक्शन हैं. फ़र्श, कमरा, और ऐसी कोई भी चीज़ जिसके साथ इंटरैक्ट किया जा सकता है, उसे इन तीन शेप प्रिमिटिव में से किसी एक के तौर पर परिभाषित किया गया है:
- ऐक्सिस-अलाइन्ड बाउंडिंग बॉक्स (या AABB) - ऐसा बॉक्स जिसे घुमाया नहीं जाता.
- ओरिएंटेड बाउंडिंग बॉक्स - ऐसा बॉक्स जिसे घुमाया जा सकता है.
- स्फ़ीयर - स्पेस के किसी पॉइंट के चारों ओर का दायरा.
यह देखने के लिए कि क्या कोई कार्रवाई संभव है हम दुनिया में किरणें फ़ायर करते हैं और यह जांचते हैं कि क्या किरण दुनिया की चीज़ों के आकार को काटती है या नहीं. किरण कहां से निकलती है (कैमरा या कंट्रोलर) और किरण की लंबाई (करीब करीब कितनी दूरी पर है) के आधार पर अलग-अलग तरह का इंटरैक्शन संभव है.
आसान कार्रवाइयां
सबसे पहले हम कुछ आसान कार्रवाइयां तय करते हैं और बताते हैं कि अलग-अलग कंट्रोलर के साथ उनका इस्तेमाल कैसे किया जाता है.
हाइलाइट करें
किसी जगह या ऑब्जेक्ट को हाइलाइट करने के लिए, या तो उसे देखकर (गेज़ कंट्रोलर की मदद से) या उसकी ओर इशारा करके (हैंड कंट्रोलर की मदद से) किया जाता है. ऐसा हो सकता है कि कोई बटन न दबाया गया हो या सिर्फ़ बटन के दबे हुए हो.
क्लिक करें
किसी जगह या ऑब्जेक्ट पर क्लिक करने के लिए, पहले बटन को हाइलाइट करें और फिर बटन को दबाएं या छोड़ें. गेज़ कंट्रोलर की मदद से, किसी ऑब्जेक्ट को देखने के बाद बटन या स्क्रीन दबाएं. हैंड कंट्रोलर की मदद से, किसी ऑब्जेक्ट की तरफ़ पॉइंट करके बटन पर क्लिक करने का तरीका है.
मुख्य इंटरैक्शन
हाइलाइट और क्लिक करने की सुविधा का इस्तेमाल करके हमने WebVR Lab में कुछ मुख्य इंटरैक्शन को लागू किया है.
टेलेपोर्ट
उपयोगकर्ता के लिए एक्सप्लोर करने के लिए वर्चुअल परिवेश बनाते समय, यह हो सकता है कि परिवेश उस छोटे क्षेत्र से ज़्यादा बड़ा होगा, जिसे उपयोगकर्ता बिना हिले-डुले देख सकता है. जैसे, WebVR Lab में तीन सेक्शन होते हैं. एक मुख्य कमरा, मेज़नीन फ़्लोर और हाई-फ़ाई म्यूज़िक प्लेयर के लिए साइड रूम.
उपयोगकर्ता के व्यूपोर्ट को दुनिया के अलग-अलग हिस्सों में ले जाने से अक्सर परेशानी होगी. WebVR लैब में, हम उपयोगकर्ता को जगह हाइलाइट करने और तुरंत टेलीपोर्ट करने के लिए क्लिक करने की सुविधा देते हैं. उपयोगकर्ता का नज़रिया कभी नहीं बदलता. इसलिए, उपयोगकर्ता अचानक चलने की असामान्य अनुभव को दिखाता है. इसके बावजूद, उपयोगकर्ता बिना किसी परेशानी के बड़ी जगह में घूम सकता है.
हैंड कंट्रोलर के मामले में, उपयोगकर्ता को टेलीपोर्ट टारगेट को चालू करने के लिए, बटन को दबाकर रखना होगा. इससे उपयोगकर्ता के आस-पास की चीज़ों को देखने के दौरान, उसकी नज़र ठीक तरह से नहीं दिखती.
उपयोगकर्ता के व्यू को बदलना
कभी-कभी व्यूपॉइंट को बदलना बेहद ज़रूरी हो जाता है. उदाहरण के लिए, जब स्टेशनरी या सीटेड वीआर का इस्तेमाल किया जाता है, तब ऐसी दीवार की ओर हो जाता है जिसके सामने फ़िज़िकल दुनिया में भी जाने की क्षमता न हो. इसलिए हम उपयोगकर्ता को कंट्रोलर का इस्तेमाल करके कैमरा घुमाने की अनुमति देते हैं. WebVR लैब में, Daydream कंट्रोलर के बाएं या दाएं पैड का इस्तेमाल करके कैमरा घुमाता है.
कैमरे को इस तरह इधर-उधर ले जाते समय कोई परेशानी न हो, इसके लिए हम कैमरे के सामने पाबंदी वाले व्यू लागू करके, सहायक डिवाइस से देखने की क्षमता को कम करते हैं. इसके लिए, Ubisoft के काम पर आधारित है. हमने पाया है कि स्क्रीन के बीच वाले हिस्से पर व्यू को फ़ोकस करने से तकलीफ़ कम होती है.
चालू करें
चालू करना किसी वेबपेज पर किसी बटन पर क्लिक करने जैसा ही है. WebVR लैब में, हमने इसे वाकई इस्तेमाल किया है और एक आसान बटन उपलब्ध कराया है, जिसे चालू किया जा सकता है.
एक भी डीओएफ़ और तीन डीओएफ़ कंट्रोलर को चालू करने पर, हाइलाइट करके उसे चालू किया जा सकता है. 6 डीओएफ़ कंट्रोलर के लिए, हम एक्सपीरियंस को अपग्रेड कर सकते हैं, ताकि आप सीधे बटन को "पुश" कर सकें और देख सकें कि आपका हैंड कंट्रोलर, बटन के अंदर है या नहीं.
Grab
WebVR Lab में कई ऐसे आइटम होते हैं जिन्हें "कंट्रोल" किया जा सकता है. इस व्यवहार में, जब ऑब्जेक्ट को चालू किया जाता है, तब उसे उठाकर इस्तेमाल और मूव किया जा सकता है. इनपुट के लेवल के आधार पर, आपको दो तरह के व्यवहार दिख सकते हैं.
इनपुट बटन को दबाकर रखने वाले छह डीओएफ़ कंट्रोलर के लिए, पकड़ने लायक आइटम को कंट्रोलर से अटैच कर दिया जाएगा. इसके बाद, इसे बहुत सटीक तरीके से एक जगह से दूसरी जगह पर ले जाया जा सकता है. बटन को हटाने से, आइटम के साथ जोड़ने या छोड़ने की कार्रवाई चालू हो जाएगी.
कम इस्तेमाल किए जा सकने वाले कंट्रोलर के लिए, एक क्लिक करके आइटम को पिक अप किया जाएगा और उसे उपयोगकर्ता के व्यूपोर्ट से अटैच कर दिया जाएगा. आम तौर पर, आइटम के एक सेक्शन को डिसप्ले के "नीचे के तीसरे" हिस्से में दिखाया जाता है. दूसरी बार क्लिक करने पर आइटम छूट जाएगा या मिल जाएगा.
मिलाएं
'मिलाएं' एक ऐसी कार्रवाई है जो तब होती है, जब किसी आइटम का "इस्तेमाल" किसी दूसरे आइटम के साथ किया जाता है. इसमें कई तरह के इस्तेमाल के उदाहरण शामिल हैं. WebVR लैब में हम इसका इस्तेमाल हाई-फ़ाई पर रिकॉर्ड चलाने के लिए करते हैं. जब किसी आइटम को पकड़ा जाता है, तो बरामद किए गए आइटम को किसी दूसरे आइटम के साथ मिलाया जा सकता है. जब किसी अन्य आइटम को पकड़ते समय, सभी तरह के कंट्रोलर, टारगेट आइटम को हाइलाइट करता है, तो ग्रैब को रिलीज़ करने पर, दोनों आइटम आपस में जुड़ जाते हैं.
ड्रॉप / रीस्टोर करना
किसी आइटम को खींचकर तब छोड़ा जाता है, जब आप किसी ऐसे आइटम को पकड़ते हुए क्लिक करते हैं जिसे कोई और आइटम हाइलाइट नहीं किया गया हो.
WebVR Lab में हमने किसी भी आइटम पर फ़िज़िक्स सिम्युलेशन का इस्तेमाल न करके परफ़ॉर्मेंस की ज़रूरत को कम रखा है. इसका मतलब है कि किसी चीज़ को ज़मीन पर गिराने के बजाय, हम उसे उसी स्थिति में फ़्लोट करने देते हैं जहां वह गिरी थी. किसी आइटम को हटाने के बाद, अगर उसे एक तय समयसीमा के अंदर चालू नहीं किया जाता, तो वह अपनी मूल जगह पर "वापस आ जाएगा". पहले से मौजूद इस फ़ंक्शन की मदद से, कम इनपुट (0 डीओएफ़ या 3 डीओएफ़) उपयोगकर्ता कई आइटम पर काम कर सकता है और काम करने की जगह का रखरखाव कर सकता है. पुराने आइटम अपने-आप हट जाएंगे.
छह डीओएफ़ इनपुट के साथ, आइटम को दूसरी जगह ले जाने में आसानी होती है. पहले जैसा करने की कार्रवाई में देरी होने से छह डीओएफ़ उपयोगकर्ता, आइटम को एक जगह से दूसरी जगह ले जा सकते हैं. साथ ही, जगह की सफ़ाई भी करते हैं.
खास जानकारी
WebVR Lab PlayCanvas की टीम का एक लाइव प्रोजेक्ट है. इसका मतलब है कि इस पर लगातार काम चल रहा है. जैसे-जैसे हम WebVR ऐप्लिकेशन बनाने के लिए रिसर्च कर रहे हैं, वैसे-वैसे अनुभव जोड़े और अपडेट किए जा रहे हैं.
यह मोबाइल के "मैजिक विंडो" वाले अनुभव से लेकर, डेस्कटॉप के लिए इंटरैक्टिव प्लेग्राउंड है. हमने कोर इंटरैक्शन का एक सेट बनाना शुरू कर दिया है, जिसे उपयोगकर्ता अपने प्रोजेक्ट में इस्तेमाल कर सकते हैं. हमें उम्मीद है कि WebVR लैब उन सभी के लिए सीखने का अच्छा अनुभव है जो WebVR की मदद से 3D दुनिया बनाना चाहते हैं.
अगर आपके पास PlayCanvas खाता है, तो ज़्यादा जानने के लिए सीधे WebVR Lab Project पर जाएं.