एकता 2D खेल, सामग्री स्केलिंग में टाइलिंग

एकता पर 2 डी गेम विकसित करते समय, एक ही सामग्री से विभिन्न आकारों के कई तत्वों को बनाने के लिए अक्सर आवश्यक होता है। सभी प्रकार के प्लेटफ़ॉर्मर्स में सबसे सरल उदाहरण पृथ्वी, घास, पत्थर और अन्य तत्वों की टाइलें हैं। एक नियम के रूप में, समान टाइलें डिफ़ॉल्ट रूप से एक ही सामग्री का उपयोग करती हैं (अन्यथा, पहले बनाई गई सामग्रियों की संख्या बहुत बड़ी होगी)। अक्सर, प्राथमिक टाइलों से एक स्तर फ्रेम बनाना स्तर पर बहुत अधिक वस्तुओं के कारण असुविधाजनक हो सकता है, इसलिए प्राथमिक टाइलों के बजाय, बड़ी टाइलों का उपयोग किया जाता है - एक ही टाइल, केवल एक बढ़े हुए पैमाने पर। मान लें कि हमें जमीन के ऊपर दो घास खंडों को "रोपना" चाहिए:





इस उदाहरण में, जमीन के ऊपर 9 अलग-अलग घास की टाइलें हैं, आकार में 1x1। Ctrl + C, Ctrl + V का उपयोग करते हुए, दाईं ओर की आठ टाइलों को सफलतापूर्वक रखा गया था, लेकिन यदि स्तर कुछ सैकड़ों घास टाइलों के क्रम पर होना चाहिए, और स्तर स्वयं कई दसियों होने चाहिए, तो एकल टाइलों की व्यवस्था करने में बहुत अधिक समय लगेगा। इस तरह के कार्य के लिए सबसे अच्छा समाधान एकल टाइल को स्केल करना है। यानी इस स्थिति में, आपको घास के एक टुकड़े को कॉपी करने और एक्स अक्ष के साथ परिणामी वस्तु को आठ बार खींचने की आवश्यकता होगी (उदाहरण के लिए, संपादक के निरीक्षक में), आपको निम्न चीज़ मिलती है:



परिणाम शायद ही स्वीकार्य कहा जा सकता है। सामान्य स्केलिंग के लिए, ऑब्जेक्ट के अलावा, आपको इस ऑब्जेक्ट की सामग्री के पैमाने (इंस्पेक्टर टैब में संपादक में फिर से), अर्थात् टाइलिंग पैरामीटर को बदलने की आवश्यकता है:



हमें निम्न परिणाम मिलते हैं:



जैसा कि आप देख सकते हैं, आठ टाइलों का एक ब्लॉक दिखता है जैसा कि यह इरादा था, लेकिन बाईं ओर एक टाइल का एक ब्लॉक - आठ बार सिकुड़ गया। बात यह है कि ये दोनों वस्तुएं एक ही सामग्री का उपयोग करती हैं, इसलिए एक वस्तु की सामग्री में परिवर्तन दूसरी वस्तु की सामग्री में परिवर्तन होता है।
इस समस्या को निम्न तरीके से हल किया जा सकता है: प्रत्येक ऑब्जेक्ट में एक ट्रांसफ़ॉर्मेशन होता है। सामग्री घटक - यह एक सामान्य सामग्री है, साथ ही एक ट्रांसफ़ॉर्ममेट सामग्री भी है - जब यह घटक बदल जाता है, तो ऑब्जेक्ट द्वारा उपयोग की जाने वाली सामग्री की एक प्रतिलिपि बनाई जाती है, जिसे यह ऑब्जेक्ट उपयोग करना जारी रखेगा, और जो अन्य वस्तुओं को प्रभावित किए बिना बदला जा सकता है। आइए एक सरल स्क्रिप्ट बनाएं:

TexTilingScript.js

scaleMaterial(); function scaleMaterial() { //       renderer.material.mainTextureScale.x = transform.localScale.x; renderer.material.mainTextureScale.y = transform.localScale.y; } 

यह स्क्रिप्ट ऑब्जेक्ट के इनिशियलाइज़ेशन के दौरान ऑब्जेक्ट के लिए नई सामग्री बनाता है और स्केल करता है। इस स्क्रिप्ट को दोनों ऑब्जेक्ट में जोड़ें। यदि आप Play पर क्लिक करते हैं, तो हमें निम्नलिखित परिणाम मिलते हैं:



ऐसा लगता है कि जीवन सुंदर है, लेकिन एक "लेकिन" है: ऐसा परिणाम केवल "गेम" के दौरान प्राप्त होता है, संपादन करते समय, सब कुछ अभी भी उदास है:



अपेक्षित परिणाम, के रूप में स्क्रिप्ट को एप्लिकेशन लॉन्च के दौरान ही निष्पादित किया जाता है। संपादन के दौरान सामग्री को सही ढंग से स्केल करने के लिए, आपको इस स्क्रिप्ट के हैंडलर को संपादक में जोड़ना होगा। ऐसा करने के लिए, संपत्ति / संपादक फ़ोल्डर में एक और स्क्रिप्ट बनाएं:

TexTilingEditorScript.js

 @CustomEditor(TexTilingScript) class TexTilingEditorScript extends Editor { function OnSceneGUI () { //    TexTilingScript     ,     var script = target as TexTilingScript; //        script.scaleMaterial(); } } 

यह स्क्रिप्ट स्केलमैट फ़ंक्शन को एक ऑब्जेक्ट के लिए कहेगी जिसमें टेक्सटीलस्क्रिप्टस्क्रिप्ट घटक है, प्रत्येक बार जब स्क्रीन पर ऐसी वस्तु का चयन किया जाता है (उदाहरण के लिए, यह माउस के साथ चुना जाता है), और प्राप्त परिवर्तनों को बचाता है:



सब कुछ ठीक है, एक को छोड़कर - एक त्रुटि लॉग में दिखाई देती है:
एडिटिंग मोड के दौरान रेंडरर.मेट्री को कॉल करने के कारण तत्काल सामग्री। यह सामग्री को दृश्य में लीक कर देगा। आप संभवतः इसके बजाय रेंडरर.शेयरडैमेट का उपयोग करना चाहते हैं।
तथ्य यह है कि संपादन के दौरान ऑब्जेक्ट की सामग्री को बदलना - हम नई अस्थायी सामग्री बनाते हैं, जिसे एप्लिकेशन शुरू होने के बाद हटा दिया जाएगा। मुझे ईमानदारी से समझ में नहीं आया कि यूनिटी डेवलपर्स ने इस मामले को एक त्रुटि के रूप में क्यों बनाया, और चेतावनी के रूप में नहीं, क्योंकि यह संरेखण काफी स्वीकार्य है और किसी भी टकराव को जन्म नहीं देता है। लेकिन अगर कोई लाल रंग से नाराज़ है - तो आप उनकी सलाह का पालन कर सकते हैं - पैमाने पर, आप रेंडरर मटेरियल का उपयोग नहीं कर सकते, बल्कि रेंडरर.शेयरडैमेट्री - इस मामले में, चयनित ऑब्जेक्ट को संपादित करते समय, इसके अनुपात सही होंगे, लेकिन समान सामग्री वाले अन्य ऑब्जेक्ट विकृत हो जाएंगे, फिर भी, इस विकल्प को स्वीकार्य और सुविधाजनक माना जा सकता है। टेक्सटाइलिंगस्क्रिप्ट में एक नया स्केलशेयरिंग मटेरियल () फंक्शन जोड़ें:

TexTilingScript.js

 scaleMaterial(); function scaleMaterial() { //       renderer.material.mainTextureScale.x = transform.localScale.x; renderer.material.mainTextureScale.y = transform.localScale.y; } function scaleSharedMaterial() { //   ,      renderer.sharedMaterial.mainTextureScale.x = transform.localScale.x; renderer.sharedMaterial.mainTextureScale.y = transform.localScale.y; } 

अब TexTilingEditorScript स्क्रिप्ट में, f-th को बदलें:


TexTilingEditorScript.js

 @CustomEditor(TexTilingScript) class TexTilingEditorScript extends Editor { function OnSceneGUI () { //    TexTilingScript     ,     var script = target as TexTilingScript; //     script.scaleSharedMaterial(); } } 

अब "त्रुटि" प्रकट नहीं होती है, लेकिन संपादन के दौरान ऑब्जेक्ट की सामग्री को सही ढंग से स्केल करने के लिए, आपको पहले इसे चुनना होगा। इसके अलावा एक बहुत ही स्वीकार्य विकल्प।
खैर, इस समस्या को हल करने के लिए एक अन्य विकल्प प्रत्येक वस्तु के लिए अग्रिम में अपनी सामग्री बनाना है। लेकिन हर कोई परियोजना स्रोत में सैकड़ों पूर्व-निर्मित सामग्री रखना पसंद नहीं करेगा, जब आप सिर्फ एक कर सकते हैं, इसलिए स्क्रिप्ट का उपयोग करना सबसे अच्छा समाधानों में से एक है।

सभी स्क्रिप्ट जावास्क्रिप्ट में लिखे गए हैं। एकता 3.3, प्रो।