ওয়েবভিআর ল্যাবে মূল মিথস্ক্রিয়া

ল্যাব দেখুন

ওয়েবসাইট ডিজাইনাররা প্রতিক্রিয়াশীল ডিজাইনের ধারণার সাথে পরিচিত, বিভিন্ন ডিভাইস, যেমন মোবাইল ফোন, ট্যাবলেট এবং কম্পিউটার এবং বিভিন্ন স্ক্রীন রেজোলিউশন এবং পিক্সেল অনুপাত জুড়ে কাজ করার জন্য একটি ওয়েবসাইট তৈরি করা। WebVR প্রতিক্রিয়াশীল ডিজাইনের ধারণার জন্য নতুন চ্যালেঞ্জ প্রবর্তন করে।

আমরা একটি WebVR অভিজ্ঞতাকে দুটি মেট্রিক্স দ্বারা শ্রেণীবদ্ধ করতে পারি - নিমজ্জনের স্তর এবং ইনপুটের স্তর৷ এই স্তরগুলিকে "স্বাধীনতার ডিগ্রি" (DOF) দ্বারা আলাদা করা হয়। 6 DOF অবস্থান এবং অভিযোজন উভয় ট্র্যাকিং বোঝায়, 3 DOF শুধুমাত্র ট্র্যাকিং ওরিয়েন্টেশন এবং 0 DOF ট্র্যাক করে না অবস্থান বা অভিযোজন।

নিমজ্জন স্তর

• VR নেই - মনিটর বা মোবাইল ডিসপ্লে।
• স্থির VR - 3টি DOF ট্র্যাকিং সহ ডিভাইস।
• উপবিষ্ট VR - 6 DOF ট্র্যাকিং কিন্তু একটি সীমিত এলাকা এবং কোণ পরিসরে।
• রুম স্কেল VR - একটি রুম আকারের পরিবেশ সহ 6 DOF ট্র্যাকিং।

ইনপুট স্তর

• 0 DOF - উপলব্ধ একমাত্র ইনপুট হল একটি ক্লিক বা ট্যাপ। এই ইনপুট পদ্ধতিটি ব্যবহারকারী যে দিকের মুখোমুখি হচ্ছে তার সাথে আবদ্ধ। কখনও কখনও আমরা এটিকে দৃষ্টি নিয়ন্ত্রক হিসাবে উল্লেখ করি।
• 3 DOF - একটি নিয়ন্ত্রক যা এর অভিযোজন ট্র্যাক করে একটি দিক বা অবস্থান নির্দিষ্ট করতে লেজার পয়েন্টারের মতো ব্যবহার করা যেতে পারে। ব্যবহারকারীর দৃষ্টিভঙ্গির উপর ভিত্তি করে নিয়ামকের অবস্থান অনুমান করা হয়। এর মধ্যে রয়েছে Daydream কন্ট্রোলার।
• 6 DOF - একটি নিয়ামক যা এর অবস্থান এবং অভিযোজন ট্র্যাক করে। এটি ভিআর-এ একটি হাত ঘনিষ্ঠভাবে অনুকরণ করতে ব্যবহার করা যেতে পারে।

সুতরাং আপনি দেখতে পাচ্ছেন যে দুটি সম্পূর্ণ ট্র্যাক করা হ্যান্ড কন্ট্রোলার সহ একটি সম্পূর্ণ রুম স্কেল অভিজ্ঞতা পর্যন্ত ইনপুট করার জন্য একটি একক অ্যাপ্লিকেশন একটি নন-ভিআর মোবাইল ডিসপ্লে থেকে যেকোনো কিছুকে সমর্থন করতে পারে।

ওয়েবভিআর ল্যাব

PlayCanvas WebVR ল্যাবে আমরা কিছু মূল মিথস্ক্রিয়া বাস্তবায়ন করেছি যা আপনার অ্যাপ্লিকেশনে প্রয়োজন হতে পারে এবং সেগুলিকে অভিজ্ঞতার বিভিন্ন স্তরে স্কেল করেছি।

কিভাবে মিথস্ক্রিয়া কাজ করে

WebVR ল্যাবে মিথস্ক্রিয়াগুলি কীভাবে কাজ করে তার প্রাথমিক মেকানিক্স হল রে ইন্টারসেকশন। মেঝে, ঘর এবং যে কোনো বস্তুর সাথে মিথস্ক্রিয়া করা যেতে পারে তিনটি আকৃতির আদিম আকৃতির একটির পরিপ্রেক্ষিতে সংজ্ঞায়িত করা হয়:

• অক্ষ-সারিবদ্ধ বাউন্ডিং বক্স (বা AABB) - একটি বাক্স যা ঘোরানো হয় না।
• ওরিয়েন্টেড বাউন্ডিং বক্স - একটি বাক্স যা ঘোরানো যায়।
• গোলক - স্থানের একটি বিন্দুর চারপাশে একটি ব্যাসার্ধ।

একটি ক্রিয়া সম্ভব কিনা তা দেখতে আমরা পৃথিবীতে একটি রশ্মি নিক্ষেপ করি এবং রশ্মি বিশ্বের বস্তুর আকারের সাথে ছেদ করে কিনা তা পরীক্ষা করি। রশ্মির উৎপত্তি কোথায় (ক্যামেরা বা নিয়ামক) এবং রশ্মির দৈর্ঘ্য (ক্লোজ আপ ম্যানিপুলেশন বা দূরত্বে নির্দেশ করা) এর উপর নির্ভর করে বিভিন্ন ধরনের মিথস্ক্রিয়া সম্ভব।

সহজ কর্ম

প্রথমে আমরা কয়েকটি সাধারণ ক্রিয়া সংজ্ঞায়িত করি এবং কীভাবে সেগুলি বিভিন্ন কন্ট্রোলারের সাথে ব্যবহার করা হয়।

লক্ষণীয় করা

একটি অবস্থান বা বস্তু হাইলাইট করা হয় এটির দিকে তাকিয়ে (একটি দৃষ্টি নিয়ন্ত্রক দিয়ে) বা এটিকে নির্দেশ করে (একটি হাত কন্ট্রোলার দিয়ে)। এটি কোন বোতাম না চাপা বা শুধুমাত্র একটি বোতাম টিপানোর সময় হতে পারে।

ক্লিক

একটি অবস্থান বা অবজেক্টে ক্লিক করা প্রথমে হাইলাইট করে এবং তারপর একটি বোতাম টিপে বা ছেড়ে দিয়ে সঞ্চালিত হয়। একটি দৃষ্টি নিয়ন্ত্রকের সাহায্যে আপনি একটি বস্তুর দিকে তাকিয়ে এবং তারপর বোতাম বা স্ক্রীন টিপে ক্লিক করবেন। একটি হ্যান্ড কন্ট্রোলার দিয়ে পদ্ধতিটি হল একটি বস্তুর দিকে নির্দেশ করা তারপর একটি বোতামে ক্লিক করুন।

মূল মিথস্ক্রিয়া

হাইলাইটিং এবং ক্লিক ব্যবহার করে আমরা WebVR ল্যাবে কিছু মূল মিথস্ক্রিয়া বাস্তবায়ন করেছি।

টেলিপোর্ট

একটি ব্যবহারকারীকে অন্বেষণ করার জন্য একটি ভার্চুয়াল পরিবেশ তৈরি করার সময়, এটি সম্ভবত পরিবেশটি ছোট এলাকা থেকে বড় হবে যা একজন ব্যবহারকারী নড়াচড়া না করে দেখতে পারে৷ WebVR ল্যাব, উদাহরণস্বরূপ, তিনটি বিভাগ আছে। একটি প্রধান ঘর, একটি মেজানাইন ফ্লোর এবং হাই-ফাই মিউজিক প্লেয়ারের জন্য একটি পাশের ঘর।

বিশ্বব্যাপী ব্যবহারকারীর ভিউপোর্ট স্থানান্তর করা প্রায়শই অস্বস্তির দিকে নিয়ে যায়। WebVR ল্যাবে আমরা ব্যবহারকারীকে একটি অবস্থান হাইলাইট করতে এবং তাৎক্ষণিকভাবে টেলিপোর্ট করতে ক্লিক করার অনুমতি দিই। ব্যবহারকারীর দৃষ্টিভঙ্গি কখনই নড়ে না এবং তাই তাত্ক্ষণিকভাবে চলাফেরার কিছুটা অস্বাভাবিক সংবেদন সত্ত্বেও ব্যবহারকারী কোনও অস্বস্তি ছাড়াই একটি বড় জায়গার চারপাশে ঘোরাফেরা করতে পারে।

হ্যান্ড কন্ট্রোলারের ক্ষেত্রে, টেলিপোর্ট টার্গেট সক্রিয় করার জন্য ব্যবহারকারীকে একটি বোতাম চাপতে এবং ধরে রাখতে হবে। এটি ব্যবহারকারীর দৃষ্টি অগোছালো রাখে যখন তারা চারপাশে তাকাচ্ছে।

ব্যবহারকারীর দৃষ্টিভঙ্গি সরানো

কখনও কখনও দৃষ্টিভঙ্গি সরানো একেবারে প্রয়োজনীয়। উদাহরণ স্বরূপ, স্থির বা সিটেড ভিআর ব্যবহার করার সময় ভৌত জগতে ঘুরতে না পেরে দেয়ালের মুখোমুখি হওয়া সম্ভব। তাই আমরা ব্যবহারকারীকে কন্ট্রোলার ব্যবহার করে ক্যামেরা ঘোরানোর অনুমতি দিই। WebVR ল্যাবে Daydream কন্ট্রোলারের বাম বা ডান প্যাড ব্যবহার করে ক্যামেরা ঘোরে।

অস্বস্তি রোধ করার জন্য যখন আমরা এইভাবে ক্যামেরা নড়াচড়া করি তখন আমরা ক্যামেরা জুড়ে একটি সীমাবদ্ধ দৃশ্য প্রয়োগ করে পেরিফেরাল দৃষ্টির পরিমাণ হ্রাস করি। এটি Ubisoft- এর কাজের উপর ভিত্তি করে তৈরি করা হয়েছে এবং আমরা দেখতে পেয়েছি যে শুধুমাত্র পর্দার কেন্দ্রে ভিউ ফোকাস করলে অস্বস্তি কমে যায়।

সক্রিয় করুন

সক্রিয় করা হল একটি ওয়েবপৃষ্ঠার একটি বোতামে ক্লিক করার VR সমতুল্য। WebVR ল্যাবে আমরা এটিকে আক্ষরিকভাবে গ্রহণ করেছি এবং একটি সহজ বোতাম প্রদান করেছি যা সক্রিয় করা যেতে পারে।

0 DOF এবং 3 DOF কন্ট্রোলারের জন্য, সক্রিয় করা একটি হাইলাইট এবং ক্লিক। একটি 6 DOF কন্ট্রোলারের জন্য আমরা আপনার হাতের নিয়ামকটি বোতামের ভিতরে আছে কিনা তা সরাসরি পরীক্ষা করে আপনাকে একটি বোতামকে "ধাক্কা" দেওয়ার জন্য অভিজ্ঞতা আপগ্রেড করতে পারি।

দখল

WebVR ল্যাবে অনেকগুলি "আঁকড়ে নেওয়া যায়" আইটেম রয়েছে৷ এই আচরণের মাধ্যমে, যখন বস্তুটি সক্রিয় করা হয় তখন এটি তুলে নেওয়া যায় এবং সরানো যায়। আপনি যে ইনপুট সমর্থন করতে চান তার উপর নির্ভর করে দুটি সুস্পষ্ট, ভিন্ন আচরণ রয়েছে।

6টি DOF কন্ট্রোলারের জন্য একটি ইনপুট বোতাম চেপে ধরলে কন্ট্রোলারের সাথে দখলযোগ্য আইটেমটি সংযুক্ত হবে। তারপর এটি সরানো এবং সূক্ষ্ম-দানাযুক্ত নিয়ন্ত্রণের সাথে অবস্থান করা যেতে পারে। বোতামটি ছেড়ে দিলে আইটেমটির সাথে একটি সমন্বয় বা ড্রপ অ্যাকশন সক্রিয় হবে।

কম ম্যানুভারেবল কন্ট্রোলারের জন্য একটি ক্লিক আইটেমটি তুলে নেবে এবং ব্যবহারকারীর ভিউপোর্টে সংযুক্ত করবে। সাধারণত ডিসপ্লের "নিম্ন তৃতীয়" এ আইটেমের একটি অংশ দৃশ্যমান রাখা। একটি দ্বিতীয় ক্লিক আইটেম ড্রপ বা একত্রিত হবে.

একত্রিত করুন

একত্রিত করা একটি ক্রিয়া যা ঘটে যখন আপনি একটি আইটেমকে অন্য আইটেমের সাথে "ব্যবহার করেন"। এটি ব্যবহারের ক্ষেত্রে একটি বিশাল বৈচিত্র্য কভার করে। WebVR ল্যাবে আমরা এটি হাই-ফাই-এ রেকর্ড প্লে করতে ব্যবহার করি। যখন একটি আইটেম দখল করা হয়, তখন দখল করা আইটেমটিকে অন্য আইটেমের সাথে একত্রিত করা সম্ভব হয়। সব ধরনের কন্ট্রোলার লক্ষ্য আইটেম হাইলাইট করার সাথে সাথে অন্য একটি আইটেম দখল এবং তারপর দখল ছেড়ে দুটি আইটেম একত্রিত হবে.

ড্রপ/রিস্টোরিং

অন্য কোন আইটেম হাইলাইট না করে একটি দখল করা আইটেম ধরে রাখার সময় আপনি ক্লিক করলে একটি আইটেম ড্রপ করা হয়।

WebVR ল্যাবে আমরা কোনো আইটেমে পদার্থবিদ্যার সিমুলেশন ব্যবহার না করে কর্মক্ষমতা প্রয়োজনীয়তা কম রেখেছি। এর মানে হল যে কোনও আইটেমকে মাটিতে ফেলে দেওয়ার পরিবর্তে আমরা এটিকে যে অবস্থানে ফেলে দেওয়া হয়েছিল সেখানে ভাসতে দিই। একটি আইটেম বাদ দেওয়ার পরে, যদি এটি একটি নির্দিষ্ট সময়সীমার মধ্যে সক্রিয় না হয়, তবে এটি নিজেকে তার আসল অবস্থানে "পুনরুদ্ধার" করবে৷ এই পুনরুদ্ধারের কার্যকারিতা একটি কম ডিগ্রী ইনপুট (0 DOF বা 3 DOF) সহ ব্যবহারকারীকে অনেকগুলি আইটেম পরিচালনা করতে এবং একটি ব্যবহারযোগ্য কাজের ক্ষেত্র বজায় রাখার অনুমতি দেয়। পুরানো আইটেমগুলি স্বয়ংক্রিয়ভাবে পরিষ্কার হবে।

একটি 6 DOF ইনপুট দিয়ে আইটেমগুলিকে পথের বাইরে সরানো সহজ৷ পুনরুদ্ধার ক্রিয়াকলাপে বিলম্বিত হলে একজন 6 জন DOF ব্যবহারকারীকে আইটেমগুলিকে আশেপাশে সরানোর মধ্যে নিমজ্জিত করতে দেয়, তবে এখনও এলাকাটি স্ব-পরিষ্কার করার সুবিধা দেয়৷

সারসংক্ষেপ

WebVR ল্যাব হল PlayCanvas টিমের একটি জীবন্ত প্রকল্প। এর অর্থ হল এটি ক্রমাগত বিকাশের অধীনে রয়েছে এবং আমরা WebVR অ্যাপ্লিকেশন তৈরিতে আরও গবেষণা করার সাথে সাথে অভিজ্ঞতাগুলি যোগ করা এবং আপডেট করা হয়।

এটি একটি "ম্যাজিক উইন্ডো" স্টাইলের মোবাইল অভিজ্ঞতা থেকে একটি ডেস্কটপ ইন্টারেক্টিভ খেলার মাঠ পর্যন্ত স্কেল করে। আমরা মূল মিথস্ক্রিয়াগুলির একটি সেট সংজ্ঞায়িত করতে শুরু করেছি যা ব্যবহারকারীরা তাদের নিজস্ব প্রকল্পের জন্য ব্যবহার করতে পারে। আমরা আশা করি যে WebVR ল্যাব প্রত্যেকের জন্য একটি ভাল শেখার অভিজ্ঞতা যা WebVR এর সাথে 3D বিশ্ব তৈরি করতে চায়৷

আপনার যদি একটি PlayCanvas অ্যাকাউন্ট থাকে তবে আপনি আরও জানতে সরাসরি WebVR ল্যাব প্রকল্পে যেতে পারেন।