Cave: गेम यूजर इंटरफेस (गेम UI) सिस्टम

इस पाठ में, हम सीखेंगे कि Cave Engine का entity parent-child system कैसे काम करता है।

यह सुविधा दृश्य में किसी भी प्रकार के Entity के साथ उपयोग की जा सकती है, जिससे आप वस्तुओं के बीच व्यवस्थित हायरार्कियों का निर्माण कर सकते हैं।

जब यूजर इंटरफेस बनाते हैं, तो यह विशेष रूप से उपयोगी हो जाता है। जब आप एक UI Element को अन्य UI Elements का पैरेंट परिभाषित करते हैं, तो स्थिति, माप, और दृश्यता जैसी परिवर्तनास्वत क्रियाएँ स्वचालित रूप से चाइल्ड तत्वों पर लागू होती हैं।

इससे इंटरफ़ेस संगठन बहुत आसान हो जाता है, मेन्यू और पैनल का संपादन सरलीकृत होता है, और अधिक जटिल UI संरचनाओं का प्रबंधन बहुत अधिक कुशल हो जाता है।

1. UI टूलकिट तत्व बनाना

पहले बनाए गए UI Element Default के अलावा, UI Toolkit का उपयोग करके तीन और इंटरफेस तत्व जोड़ें:

• Input Slider
• Input Number
• Input Text

हम प्रायोगिक रूप से देखेंगे कि प्रत्येक तत्व खेल के दौरान कैसे व्यवहार करता है।

फिर, हम इन घटकों का उपयोग करके एक एंटीटी हायरार्की बनाएँगे, उन्हें UI Element Default के चाइल्ड बनाकर, यह प्रदर्शित करते हुए कि पैरेंट-चाइल्ड सिस्टम इंटरफेस को कैसे व्यवस्थित करने में मदद करता है।

2. UI टूलकिट तत्वों का परीक्षण

UI टूलकिट के साथ बनाए गए तत्वों का परीक्षण करने से पहले, यदि आप Cave Engine का third-person game template उपयोग कर रहे हैं, तो दृश्य में Player और Vehicle को निष्क्रिय करें।

यह महत्वपूर्ण है क्योंकि इनमें से एक एंटीटी खेल चलने के दौरान माउस कर्सर का नियंत्रण ले सकता है।

कर्सर को मुक्त रखने पर, आप इंटरफेस तत्वों, जैसे Input Slider, Input Number, और Input Text के साथ सही ढंग से इंटरैक्ट कर सकेंगे, जिससे आप बिना हस्तक्षेप के उनकी सभी विशेषताओं का परीक्षण कर सकेंगे।

खेल को F5 दबाकर चलाएँ।

निष्पादन के दौरान, आप बनाए गए तत्वों के साथ इंटरैक्ट कर सकेंगे।

Input Slider और Input Number आपको माउस इंटरैक्शन के माध्यम से उनके मानों को संशोधित करने की अनुमति देते हैं, जबकि Input Text आपको सीधे интерфेस में टेक्स्ट टाइप करने की अनुमति देता है।

यह प्रत्येक एक को परीक्षण करने और समझने का एक अच्छा क्षण है कि वे किसके लिए हैं।

उदाहरण के लिए:

• Input Slider सेटिंग्स जैसे कि आवाज़ या ब्राइटनेस के लिए उत्कृष्ट है
• Input Number सटीक संख्यात्मक मानों के लिए उपयोगी है
• Input Text तब उपयोगी है जब खिलाड़ी को जानकारी टाइप करने की आवश्यकता हो

3. हायरार्की

अब चलिए देखते हैं कि UI Elements के बीच हायरार्की कैसे काम करती है।

UI Element Default का चयन करें और गुण पैनल में इसके Scale मूल्यों को समायोजित करें।

इन मूल्यों को बदलकर, आप तत्व का आकार बढ़ा या घटा सकते हैं।

Entities के बीच पैरेंट-चाइल्ड संबंध बनाने के लिए, उस UI Element पर क्लिक करें और उसे खींचकर UI Element Default के शीर्ष पर छोड़ दें, जो पैरेंट Entity बन जाएगा।

यह पूरे इंजन में उपयोग की जाने वाली समान हायरार्की अवधारणा है: चाइल्ड पैरेंट से जुड़ जाता है और इसके साथ चलने लगता है।

इस पैरेंट-चाइल्ड संबंध को बनाने के बाद, चाइल्ड तत्व स्वचालित रूप से पैरेंट तत्व के परिवर्तनों का पालन करेगा।

इसका अर्थ है कि UI Element Default पर लागू परिवर्तन जैसे स्थिति, माप, और दृश्यता सभी चाइल्ड तत्वों पर भी प्रभाव डालेंगे।

यह मेन्यू और इंटरफेस पैनल बनाते समय अत्यधिक उपयोगी है।

उदाहरण के लिए, यदि आप एक मेन्यू पैनल को पैरेंट के रूप में बनाते हैं और कई बटन, टेक्स्ट, और इनपुट फ़ील्ड को चाइल्ड के रूप में रखते हैं, तो आप केवल पैरेंट तत्व को संपादित करके पूरे मेन्यू को स्थानांतरित या आकार बदल सकते हैं।

हर इंटरफेस तत्व को एक-एक करके समायोजित करने के बजाय, आप उन्हें समूहों में व्यवस्थित कर सकते हैं, जिससे पूरी UI को संपादित और बनाए रखना बहुत आसान हो जाता है।

इस बिंदु पर, आप न केवल UI टूलकिट तत्वों को बनाना और परीक्षण करना सीखे हैं, बल्कि उन्हें हायरार्की का उपयोग करके कैसे व्यवस्थित करना भी सीखा है।

यह Cave Engine में बड़े इंटरफेस बनाने के लिए सबसे महत्वपूर्ण अवधारणाओं में से एक है, क्योंकि यह आपके UI को अधिक साफ, अधिक माड्यूलर और प्रबंधित करने में बहुत आसान बनाने में मदद करता है।