Unity में इन-गेम UI को कैसे लागू करें

संपादित 3 महीने पहले द्वारा ExtremeHow संपादकीय टीम

यूनिटीउपयोगकर्ता इंटरफ़ेसयूआईखेल विकाससी#स्क्रिप्टिंगविंडोमैकलिनक्सडिजाइनलेआउटकार्यक्षमताइंटरैक्शनउपकरणतत्व

Unity में उपयोगकर्ता इंटरफ़ेस (UI) को डिज़ाइन और लागू करना खिलाड़ी के अनुभव को बहुत अधिक प्रभावित कर सकता है। चाहे यह एक स्वास्थ्य बार, एक स्कोर काउंटर, या एक इंटरैक्टिव मेनू प्रदर्शित करता हो, अच्छी तरह से डिज़ाइन किया गया UI गेम विकास के लिए महत्वपूर्ण है। यहां, हम Unity का उपयोग करके इन-गेम UI को लागू करने के विभिन्न पहलुओं का अन्वेषण करेंगे, इसे स्पष्ट समझ बनाए रखने के लिए चरण-दर-चरण विभाजित करेंगे।

1. Unity UI प्रणाली को समझना

Unity एक शक्तिशाली UI प्रणाली प्रदान करता है जो डेवलपर्स को जटिल और लचीला उपयोगकर्ता इंटरफ़ेस बनाने की अनुमति देता है। UI प्रणाली गेमऑब्जेक्ट्स और घटकों के पदानुक्रम पर आधारित होती है, जो जटिल UI संरचनाओं को परिभाषित कर सकती है। निर्माण में गोता लगाने से पहले, इन तत्वों को समझना महत्वपूर्ण है:

• कैनवास: यह Unity में सभी UI तत्वों का मूल घटक है, जो मूल रूप से सभी UI घटकों के लिए एक कंटेनर के रूप में कार्य करता है। कैनवास आपके UI तत्वों के लिए रेंडरिंग लेयर बनाता है।
• UI तत्व: ये बटन, टेक्स्ट, छवियाँ आदि जैसे मूल बिल्डिंग ब्लॉक हैं। प्रत्येक तत्व को स्थिति, आकार, और एनीमेट किया जा सकता है।
• रेक्ट ट्रांसफॉर्म्स: मानक ट्रांसफॉर्म घटक के बजाय, सभी UI तत्व रेक्ट ट्रांसफॉर्म्स का उपयोग करते हैं, जो 3D के बजाय 2D स्थान में स्थिति और आकार का प्रबंधन करते हैं।

2. UI पर्यावरण तैयार करना

UI को लागू करने के लिए एक नया प्रोजेक्ट शुरू करें या एक मौजूदा प्रोजेक्ट खोलें। यदि आप 2D इंटरफेस पर ध्यान केंद्रित कर रहे हैं, तो सुनिश्चित करें कि आपका Unity संपादक 2D मोड पर सेट है। एक सुव्यवस्थित कार्यक्षेत्र स्थापित करना UI तत्वों को विकसित करते समय स्पष्टता और संगठन में मदद कर सकता है।

कैनवास बनाना

प्रत्येक UI को एक कैनवास की आवश्यकता होती है। इसे बनाने का तरीका यहां बताया गया है:

1. शीर्ष मेनू से GameObject > UI > Canvas पर जाएं। यह क्रिया दृश्य में एक नया कैनवास गेमऑब्जेक्ट बनाती है।
2. कैनवास में स्वतः कैनवास स्केलर और ग्राफिक रेकेस्टर शामिल होता है।
3. सुनिश्चित करें कि कैनवास डिफ़ॉल्ट रूप से स्क्रीन स्पेस - ओवरले पर सेट है, जो इसे स्क्रीन के ठीक ऊपर रखता है।

3. UI तत्वों का डिजाइन

अब जब आपके पास एक कैनवास है, तो इस कैनवास में UI तत्व जोड़ने का समय है। Unity UI घटकों को बनाने के लिए एक समृद्ध उपकरण सेट प्रदान करता है। आइए कुछ सामान्य तत्वों पर चर्चा करें जिनकी आपको आवश्यकता हो सकती है:

बेसिक पाठ

गेम स्कोर, संदेश आदि प्रदर्शित करने के लिए टेक्स्ट महत्वपूर्ण है। टेक्स्ट तत्व जोड़ने के लिए:

1. हायरार्की विंडो में कैनवास पर राइट क्लिक करें।
2. UI > Text चुनें, जो कैनवास के तहत एक टेक्स्ट गेमऑब्जेक्ट बनाता है।
3. इंस्पेक्टर विंडो में, अपनी आवश्यकताओं के लिए फॉन्ट साइज, रंग, और संरेखण को अनुकूलित करें।

बटन

बटन इंटरैक्टिव तत्व होते हैं जिन पर खिलाड़ी क्लिक कर सकते हैं, अक्सर विशिष्ट घटनाओं या कार्रवाइयों को ट्रिगर करते हैं। एक बटन जोड़ने का तरीका यहां बताया गया है:

1. कैनवास पर राइट क्लिक करें।
2. UI > Button चुनें। यह कैनवास के अंदर एक बटन गेमऑब्जेक्ट बनाता है।
3. बटन गेमऑब्जेक्ट के ठीक नीचे बटन के टेक्स्ट घटक को संपादित करें ताकि आपके बटन को उचित रूप से लेबल किया जा सके।

छवि

चाहे सजावट के लिए हो या जानकारी के लिए, छवियां महत्वपूर्ण भूमिका निभाती हैं। एक छवि जोड़ने के लिए:

1. कैनवास पर राइट क्लिक करें।
2. UI > Image चुनें।
3. इंस्पेक्टर में इमेज कंपोनेंट पर आप जिस छवि को चाहते हैं उसे खींचें, या इसके गुणों को उचित रूप से समायोजित करें।

4. लेआउट घटकों का उपयोग करना

Unity UI तत्वों की स्थिरता संरेखण और वितरण के लिए कई लेआउट घटक प्रदान करता है:

क्षैतिज और ऊर्ध्वाधर लेआउट समूह

• ये घटक स्वचालित रूप से चाइल्ड तत्वों को क्षैतिज या ऊर्ध्वाधर रूप से संरेखित करते हैं।
• इन्हें उपयोग में लाने के लिए, पैरेंट रेक्ट ट्रांसफॉर्म में Horizontal Layout Group या Vertical Layout Group घटक संलग्न करें।

ग्रिड लेआउट समूह

यह घटक चाइल्ड तत्वों को एक लचीले ग्रिड में व्यवस्थित करता है। इसका उपयोग करने के लिए:

• पैरेंट रेक्ट ट्रांसफॉर्म में Grid Layout Group संलग्न करें।
• कक्ष का आकार, अंतराल, और आरंभिक संरेखण इंस्पेक्टर पैनल में सेट करें।

5. गतिशील व्यवहार के लिए स्क्रिप्ट लिखना

इंटरैक्टिविटी जोड़ने के लिए, आपको उपयोगकर्ता कार्रवाइयों का जवाब देने के लिए स्क्रिप्ट लिखनी चाहिए या गेम घटनाओं के आधार पर UI को गतिशील रूप से बदलना चाहिए। स्क्रिप्ट C# में लिखी जाती हैं। Unity की स्क्रिप्ट्स MonoBehavior स्क्रिप्ट्स हैं जो आमतौर पर MonoBehavior बेस क्लास से विस्तारित होती हैं। आप प्रोजेक्ट विंडो में राइट-क्लिक करके और Create > C# Script चुनकर एक नई स्क्रिप्ट बना सकते हैं।

उदाहरण: बटन क्लिक पर टेक्स्ट बदलना

यहां एक उदाहरण है कि कैसे बटन क्लिक करके किसी टेक्स्ट घटक के टेक्स्ट को बदलना है:

using UnityEngine; using UnityEngine.UI; public class ChangeText : MonoBehaviour { // टेक्स्ट घटक का संदर्भ public Text myText; // टेक्स्ट बदलने की विधि public void Change() { myText.text = "Button Clicked!"; } }

इस स्क्रिप्ट को अपने दृश्य में एक खाली गेमऑब्जेक्ट को असाइन करें। सार्वजनिक myText फ़ील्ड को इंस्पेक्टर के माध्यम से बदलना चाहते हैं टेक्स्ट घटक को असाइन करें। बटन की OnClick घटना को सेट करते समय, इसे ChangeText.Change विधि से लिंक करें।

6. UI के लिए एनिमेशन का प्रयोग करना

एनिमेशन आपके UI को अधिक गतिशील और आकर्षक बना सकते हैं। Unity आपको एनिमेटर का उपयोग करके स्केल, पोज़ीशन, या रंग जैसी UI गुणों को एनिमेट करने की अनुमति देता है।

एनिमेशन बनाना

• प्रोजेक्ट दृश्य से राइट क्लिक करके Create > Animator Controller का चयन करके एक एनिमेटर नियंत्रक बनाएं।
• एनिमेशन विंडो (Window > Animation) को खोलें, एक UI ऑब्जेक्ट का चयन करें, और एक नया एनिमेशन क्लिप बनाएं।
• समय के साथ गुणों को समायोजित करें ताकि एनिमेशन को परिभाषित करने वाले कीफ्रेम बनाए जा सकें।

एक बार एनिमेशन पूरा हो जाने पर, एनिमेटर नियंत्रक को यूआई तत्व पर संलग्न करें। स्क्रिप्ट में ट्रिगर्स का उपयोग करके यह नियंत्रित करें कि एनिमेशन कब चलता है।

7. विभिन्न स्क्रीन संकल्पों के लिए संरेखित करना

विभिन्न स्क्रीन आकार के अनुसार अनुकूलित UI डिज़ाइन करना व्यापक डिवाइस संगतता के लिए महत्वपूर्ण है। कैनवास स्केलर घटक का उपयोग करें, जो स्क्रीन के रिज़ॉल्यूशन के आधार पर UI तत्वों को स्केल करता है:

1. कैनवास स्केलर के UI स्केल मोड को स्क्रीन आकार के साथ स्केल पर सेट करें।
2. एक संदर्भ संकल्प चुनें — आपका लक्षित UI डिज़ाइन आकार।
3. स्केलिंग कैसे विभिन्न पहलुओं के अनुपात के लिए प्रतिक्रिया देनी चाहिए, इस पर निर्भर करते हुए चौड़ाई और ऊँचाई के बीच मिलान पैरामीटर को समायोजित करें।

8. डिबगिंग और UI उत्तरदायित्व में सुधार

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

• Unity का प्ले मोड वास्तविक समय परीक्षण की अनुमति देता है। इस मोड में रहते हुए, UI तत्वों के साथ इंटरैक्ट करें और उनके प्रदर्शन का अवलोकन करें।
• इनपुट को डीबग करने और यह समझने के लिए कि घटनाओं को कैसे संसाधित किया जा रहा है, यूनिटी के इवेंट सिस्टम का उपयोग करें।
• रेंडरिंग या इनपुट हैंडलिंग में बाधाओं को प्रकट करने वाले प्रदर्शन मुद्दों के लिए Unity प्रोफाइलर को संदर्भित करें।

9. अपने गेम का निर्माण और निर्यात करना

एक बार जब आपका UI पूरा हो जाता है और परीक्षण किया जाता है, तो अपने गेम का निर्माण करने का समय आ गया है। वांछित प्लेटफ़ॉर्म के लिए अपने प्रोजेक्ट को संकलित करने के लिए यूनिटी के बिल्ड सेटिंग्स का उपयोग करें:

1. File > Build Settings पर जाएं।
2. लक्ष्य प्लेटफ़ॉर्म (पीसी, एंड्रॉइड, आईओएस, आदि) का चयन करें। प्लेयर सेटिंग्स के तहत रिज़ॉल्यूशन और अऺुपात अनुपात सेटिंग्स बदलकर डिवाइस संगतता सुनिश्चित करें।
3. अंतिम उत्पाद का परीक्षण करने के लिए Build and Run क्लिक करें।

निष्कर्ष

Unity में इन-गेम UI को लागू करने में कैनवास तैयार करना, UI तत्वों को डिज़ाइन करना, स्क्रिप्ट विकसित करना, एनिमेशन का उपयोग करना, और क्रॉस-डिवाइस संगतता सुनिश्चित करना शामिल है। प्रत्येक घटक और सुविधा पर ध्यानपूर्वक विचार करके, आप एक प्रतिक्रियाशील और आकर्षक UI बना सकते हैं जो गेमप्ले को बढ़ाता है। यूनिटी की विशाल क्षमताओं के साथ प्रयोग करें और परीक्षण और फीडबैक के आधार पर निरंतर पुनरावृत्ति करें। विकसित होते रहें!

  इस लेख को साझा करें

यदि आपको लेख की सामग्री में कुछ गलत लगता है, आप कर सकते हैं अपडेट का अनुरोध करें