तकनीकी 3 डी-कलाकार बंजई गेम्स रोमन टर्सकी ने इस बारे में बात की कि कैसे फ्रेम तैयार किया जाता है और पात्रों के लिए सामग्री मोबाइल गेम शैडो फाइट 3 में व्यवस्थित की जाती है, और पर्यावरण को स्थापित करने में कुछ तरकीबें भी बताई गई हैं।

शैडो फाइट 3 यूनिटी 3 डी इंजन पर आधारित एक फाइटिंग / आरपीजी गेम है। इस परियोजना को नवंबर 2017 में iOS / Android पर जारी किया गया था, और तब से खेल प्रतिष्ठानों की कुल संख्या 80 मिलियन से अधिक हो गई है। इतने व्यापक दर्शकों तक पहुंचने के लिए, विकास टीम ने शानदार गेम ऑप्टिमाइज़ेशन का प्रदर्शन किया है, और इसके परिणामस्वरूप, कई आधुनिक उपकरणों के साथ प्रोजेक्ट 60 एफपीएस पर काम करता है। औसत प्रदर्शन।

आलोचक और खिलाड़ी अक्सर शैडो फाइट 3 के दृश्य घटक पर ध्यान देते हैं। इस लेख में, हम आपको सुझाव देते हैं कि आप खेल के "हूड" के नीचे देखें और पता करें कि हम इस गुणवत्ता को प्राप्त करने में कैसे कामयाब रहे।

फ्रेम रेंडर

ऐसे कई कारक हैं जो सीधे खेल के प्रदर्शन और फ्रेम की संख्या को प्रभावित करते हैं जो इसे प्रति सेकंड खेल सकते हैं। हमारे लिए सबसे महत्वपूर्ण संकेतकों में से एक खेल में इस तरह के एक फ्रेम के प्रतिपादन के दौरान ड्रा कॉल की संख्या थी। मैं इस अवधारणा पर अधिक विस्तार से विचार करने का प्रस्ताव करता हूं।

जब एक सामग्री में शामिल वस्तुओं के प्रत्येक स्थिर समूह के लिए एक गेम फ्रेम प्रदान करते हैं, तो एकता ड्रॉ कॉल लॉन्च करती है और उन्हें ओवरले करती है। प्रत्येक ड्रा कॉल में CPU संसाधनों की आवश्यकता होती है, इसलिए कॉल की संख्या को कम करने के लिए एक महत्वपूर्ण अनुकूलन कदम है। हमारा लक्ष्य इस संकेतक को औसतन प्रति फ्रेम 100 कॉल पर कम करना था।


सिंगल फ्रेम रेंडर प्रक्रिया

शैडो फाइट 3 में प्रस्तुतिकरण का पहला चरण गतिशील चरित्र छाया और कवच और खिलाड़ियों के हथियारों पर चमकदार तत्वों के लिए चमक प्रभाव आकर्षित करना है।



इन दोनों प्रक्रियाओं की अपनी विशेषताएं हैं और उन्हें अधिक विस्तार से माना जाना चाहिए।

छाया

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


शैडोक्रिएवर क्षेत्र

इस फ्रेम में, इस प्रक्रिया में 20 ड्रॉ कॉल हुए।

चमक

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


BlurCube

हमारे फ्रेम में, इस प्रक्रिया ने प्रभाव को धुंधला करने के लिए 15 ड्रा कॉल + 2 और लिया।

रेखाचित्र बनाना

सबसे पहले, कवच के कुछ हिस्सों, पात्रों के हथियार, फिर पास की योजना के स्थान के हिस्से, फिर दूर के एक, और पृष्ठभूमि भी, जो 1024x512 की बनावट के साथ एक विमान है, को व्यक्तिगत रूप से तैयार किया जाता है। इसके बाद तैयार किए गए कण प्रणाली, निकट और दूर की योजना के छोटे विवरण, और अंत में, वर्टेक्स एनीमेशन वाले मॉडल (नीचे इस पर अधिक) हैं। अंत में, 2 कॉल के लिए, परिकलित और पहले से खींची गई छाया और चमक प्रभाव (ग्लो) लागू होते हैं।

यूआई

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


मुख्य कैमरा परिणाम प्रस्तुत करना


यूआई कैमरा रेंडर रिजल्ट


अंतिम फ्रेम परिणाम प्रस्तुत करना

कुल मिलाकर, गेम के अंतिम फ्रेम के रेंडर को 92 ड्रॉ कॉल की आवश्यकता थी।

चरित्र के कवच की सामग्री कैसी है

चरित्र के कवच की सामग्री बनाने के लिए, 512x512 के रिज़ॉल्यूशन वाले टेक्स्ट का उपयोग किया जाता है: डिफ्यूज़ (1) , RGB मास्क (2) , MatCap (3) , शैडो शेप (4) के लिए एक अतिरिक्त डिफ्यूज़ मैप, साथ ही एक छोटी सी शोर बनावट MorphMask (5) चरित्र के संक्रमण के प्रभाव को छाया रूप में बनाना।



और अगर सब कुछ डिफ्यूज कार्ड के साथ मानक है (यह केवल कवच की बनावट है), तो हम बाकी हिस्सों पर अधिक ध्यान देंगे:

आरजीबी बनावट मास्क

चूंकि आरजीबी बनावट पारंपरिक रूप से प्रत्येक पिक्सेल के लिए 0 से 1 तक संख्याओं द्वारा निर्दिष्ट तीन रंग चैनलों में शामिल है, इसलिए वस्तु के यूवी स्कैन के प्रत्येक विशिष्ट बिंदु पर सामग्री के बारे में विभिन्न डेटा को संग्रहीत करने के लिए इसका उपयोग करना सुविधाजनक है।

हमारे मामले में, RGB बनावट (मास्क) के चैनलों में निम्नलिखित प्रक्रियाओं की जानकारी होती है:

• लाल (लाल चैनल) इंगित करता है कि सामग्री के कौन से तत्व रंग बदलेंगे यदि एक ही कवच ​​में प्रतिद्वंद्वी लड़ाई में भाग लेते हैं (हम इस प्रणाली का उपयोग करते हैं ताकि खिलाड़ी प्रतिद्वंद्वी के साथ अपने चरित्र को भ्रमित न करें; लाल चैनल में निर्दिष्ट कवच के कुछ हिस्से; , एक वैकल्पिक रंग में प्रतिद्वंद्वी के लिए, जो कलाकार द्वारा अलग से सेट किया गया था);
• ग्रीन (ग्रीन चैनल) को इंगित करने का इरादा है कि धातु की सतह के प्रभाव को देने के लिए कवच बनावट के किन तत्वों को लागू किया जाता है, साथ ही इस प्रभाव के प्रभाव की ताकत (हल्का धातु की चमक को मजबूत करना);
• ब्लू (नीला चैनल) में जानकारी होती है, जिस पर चमक को लागू किया जाएगा, जिससे एक चमकदार सतह का प्रभाव पैदा होगा।

MatCap

  MatCap बनावट ग्रीन चैनल RGB बनावट 

प्रत्येक स्थान के लिए कवच के धातु के तत्वों और पात्रों के हथियारों के लिए एक प्रतिबिंब प्रभाव बनाने के लिए, 512x512 के एक संकल्प के साथ एक अद्वितीय MatCap बनावट बनाई जाती है, जो कि इसकी संरचना और प्रकाश की सभी विशेषताओं के साथ स्थान के एक संसाधित स्क्रीनशॉट पर आधारित है।

उस स्थान पर निर्भर करता है जिसमें लड़ाई लड़ी जाती है, इसी MatCap बनावट को कवच की सामग्री और पात्रों के हथियारों पर लागू किया जाता है। सामग्री की आरजीबी बनावट के ग्रीन चैनल में जानकारी के आधार पर, धातु की सतह का प्रभाव सामग्री के कुछ वर्गों पर लागू होता है। यह दृष्टिकोण प्रक्रिया के लिए सस्ता है, लेकिन यह धातु के तत्वों की एक यथार्थवादी परावर्तक सतह के प्रभाव को बनाता है, जो वर्तमान क्षेत्र की सभी विशेषताओं को ध्यान में रखता है।

  MatCap लगाने से पहले MatCap लगाने के बाद 

छाया की आकृति

जब चरित्र डिफ्यूज़ छाया आकार में जाता है, तो सामग्री बनावट को अतिरिक्त रूप से छाया आकृति के लिए बनाया गया होता है।

एक बनावट से दूसरे में एक चिकनी संक्रमण के लिए, एक शोर मोर्फ मास्क का उपयोग किया जाता है, जिसके साथ एक क्रमिक प्रतिस्थापन प्रभाव प्राप्त किया जाता है:

स्थान प्रकाश

स्थान पर सभी प्रकाश और छाया 2048x2048 के संकल्प के साथ लाइटमैप बनावट में बेक किए गए हैं, जो वास्तविक समय में प्रकाश की गणना करने की आवश्यकता को समाप्त करता है और उत्पादकता में काफी वृद्धि करता है।



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

प्रत्येक स्थान के विकल्प के रूप में, हम एक अलग, अनोखा शेडिंग मैप ग्रेडिएंट संग्रहित करते हैं: वास्तव में, यह 1024x1 के रिज़ॉल्यूशन के साथ एक बनावट है, जो एक स्थान स्क्रीनशॉट के आधार पर एक ढाल है और इसके प्रत्येक भाग में छायांकन की डिग्री को बताता है। जब एक चरित्र अखाड़े के चारों ओर घूमता है, तो दिशात्मक प्रकाश लगाने के बाद उसके कवच का रंग स्थान में उसकी वर्तमान स्थिति के अनुरूप ढाल रंग से गुणा किया जाता है। इस प्रकार, छायांकित क्षेत्रों में लागू प्रकाश व्यवस्था खुले क्षेत्रों की तुलना में कमजोर है।


नक्शा छाया देने वाला नक्शा


स्थान के छायांकित भाग में प्रकाश पात्र


खुले क्षेत्र में प्रकाश पात्र

अंतिम स्पर्श के रूप में, रिम प्रकाश तकनीक का उपयोग चरित्र मॉडल के किनारों को उजागर करने के लिए किया जाता है, जो स्पष्ट रूप से दिखाई देता है, उदाहरण के लिए, एक जलते हुए गांव के साथ एक स्थान पर। यह तकनीक आपको पात्रों के समोच्च को उजागर करने की अनुमति देती है ताकि वे अखाड़े की पृष्ठभूमि में अच्छी तरह से पढ़ सकें।

गतिशील क्षेत्र प्रभाव

शैडो फाइट 3 स्थानों के "पुनरोद्धार" में एक महत्वपूर्ण भूमिका एफएक्स इफेक्ट्स और गतिशील वस्तुओं द्वारा निभाई जाती है, जैसे कि झंडे, पेड़ों पर पत्ते चलना, घास काटना, आदि।

FX

SF3 में अधिकांश एफएक्स प्रभाव (आग, बारिश, सूरज की किरणें,) स्थिर लो-पॉली मॉडल में एनिमेटेड सामग्री को लागू करने के सिद्धांत पर आधारित हैं। हालांकि, कणों की एक प्रणाली पर निर्मित प्रभाव होते हैं।

गतिशील वस्तुएं

SF3 स्थानों पर दो प्रकार की गतिशील वस्तुएं हैं: भौतिक - ऊतक सिमुलेशन के माध्यम से संचालित और उन्हें हवा आवेगों का अनुकरण करने के लिए एक आवेग को लागू करने के साथ-साथ शीर्ष एनीमेशन के साथ 3 डी मॉडल। ऐसी वस्तुओं के लिए, एक लूप्ड एनीमेशन ट्रैक बनाया जाता है जो गति में 3 डी मॉडल के कोने सेट करता है।

  वर्टेक्स पर्ण एनीमेशन। झंडे पर कपड़ा अनुकरण। 

प्रतिबिंब

एसएफ 3 में स्थान एक नाट्य मंच के सिद्धांत पर बनाए गए हैं। थिएटर में दर्शकों की तरह, खेल में कैमरा केवल एक दिशा में निर्देशित होता है और इसे कभी नहीं बदलता है। पर्यावरणीय वस्तुओं को भी नाटकीय दृश्यों के सिद्धांत पर क्रियान्वित किया जाता है: वे ठीक उसी तरह मौजूद हैं जैसे खिलाड़ी देख सकते हैं। कैमरे के पीछे और पीछे कुछ भी नहीं है, और सभी मॉडलों में केवल उन जगहों पर ज्यामिति होती है जो कैमरे के देखने के क्षेत्र में गिर सकती हैं।

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

  लिंग के बिना अंतिम परिणाम 

निष्कर्ष

मोबाइल उपकरणों के लिए अनुकूलन का मुद्दा अब पहले से कहीं अधिक प्रासंगिक है। इस लेख में आपने जो देखा वह हल है जो हमने विशेष रूप से शैडो फाइट 3 प्रोजेक्ट के लिए काम किया है। वर्तमान में, बंजई गेम्स ने दो नए गेम विकसित करना शुरू कर दिया है, जिसमें हम ग्राफिक्स को और बेहतर बनाने की कोशिश करेंगे, जिसमें वर्तमान विकास और जोड़ दोनों शामिल होंगे। कुछ नया।

बंजई गेम्स टीम को ग्राफिक्स डेवलपर की आवश्यकता है। रिक्ति के बारे में यहाँ और पढ़ें।