उदाहरण के रूप में पुडिंग मॉन्स्टर्स का उपयोग करके गेम एनिमेशन बनाना

सभी को नमस्कार!
आज मैं आपको बताऊंगा कि कैसे हमने एडोब फ्लैश की क्षमताओं का उपयोग करके खेलों में एनिमेशन बनाने की प्रक्रिया को सरल बनाया।

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

तो क्या होगा अगर एप्लिकेशन को एक सुंदर और जटिल एनीमेशन की आवश्यकता है? यह सही है, आपको सॉफ्टवेयर एनिमेशन बनाने की प्रक्रिया को स्वचालित करने की आवश्यकता है। एनीमेशन बनाना पूरी तरह से कलाकार के कंधों पर स्थानांतरित किया जाना चाहिए, जबकि प्रोग्रामर को अपने प्रदर्शन के तर्क को लिखना होगा।

ऐतिहासिक रूप से, Adobe Flash 2D एनिमेशन बनाने के क्षेत्र में लगभग मानक बन गया है, और संस्करण CS5 से शुरू होकर .fla एनीमेशन के साथ स्रोत फ़ाइल एक नियमित ज़िप है, जिसके अंदर XFL प्रारूप में एक फ्लैश दस्तावेज़ है। हम इसका उपयोग एप्लिकेशन संसाधनों को तैयार करने के चरण में परिवर्तन निर्यात करने के लिए करते हैं।

आंतरिक डिवाइस .fla फ़ाइल

इस तथ्य के बावजूद कि XFL प्रारूप पर प्रलेखन अभी भी सार्वजनिक डोमेन में नहीं है, इसके उपकरण का पता लगाना मुश्किल नहीं है (यह पहले से ही हब पर लिखा गया था)। DOMDocument.xml फ़ाइल में लाइब्रेरी ( LIBRARY निर्देशिका) के प्रतीकों का उपयोग करके सभी परिवर्तनों का वर्णन है। हमारे मामले में अन्य सभी चीजों की आवश्यकता नहीं है।

DOMDocument.xml फ़ाइल में प्रत्येक keyframe को निम्नानुसार दर्शाया गया है:

<DOMFrame acceleration="100" index="39" keyMode="22017" motionTweenSnap="true" tweenType="motion"> <elements> <DOMSymbolInstance libraryItemName="body_2" loop="single frame" symbolType="graphic"> <matrix> <Matrix a="0.999252" b="0.038650" c="-0.038665" d="0.999481" tx="441.15" ty="890.95"/> </matrix> <transformationPoint> <Point x="-2.4" y="33.6"/> </transformationPoint> </DOMSymbolInstance> </elements> </DOMFrame> 

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

डाटा प्रोसेसिंग

परिवर्तन मैट्रिक्स विघटित परिवर्तन के खेल इंजन खेलने के लिये। झुकाव (तिरछा) और बड़े पैमाने (पैमाने) प्रत्येक समन्वय अक्ष पर का मान प्राप्त करने के लिए, सूत्रों का उपयोग:

तिरछा _X = अतन (-c / d)
तिरछा _Y = अतन (b / a)
स्केल _X = sqrt (एक ² + b ² )
स्केल _Y = sqrt (c ² + d ² )

अनुप्रयोग संसाधन

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

छवियाँ जो .fla फ़ाइल के अंदर हैं, रेंडरिंग के दौरान उपयोग नहीं की जाती हैं, लेकिन अलग-अलग .psd फ़ाइलों की संगत परतों से प्राप्त की जाती हैं। यह आपको एक .fla फ़ाइल का उपयोग करने जब कई प्रस्तावों के लिए एनिमेशन बनाने की अनुमति देता है। .Fla फ़ाइल लाइब्रेरी का संगठन इस निर्भरता को दर्शाता है:

इस दृष्टिकोण के फायदे

एक उदाहरण का उपयोग करते हुए मैं वर्णित पद्धति के फायदों का प्रदर्शन करूंगा, जो हमारे गेम पुडिंग मॉन्स्टर्स में सफलतापूर्वक परीक्षण किया गया था। खिलाड़ी के लिए संकेत एनिमेटेड संवाद बुलबुले के रूप में कार्यान्वित किए जाते हैं, जिनमें से केवल 7 अलग-अलग टुकड़े स्तरों के पहले सेट में दिखाई देते हैं। यहाँ यह कैसा दिखता है Adobe Flash:



यदि हम सरल तरीके से जाते हैं और फ्रेम-बाय-फ्रेम एनीमेशन का उपयोग करते हैं, तो प्रत्येक टूलटिप एनीमेशन के लिए फ्रेम को बनावट एटलस पर 4016x2086 (iPhone 4 स्क्रीन के लिए) के औसत रिज़ॉल्यूशन के साथ रखा जाएगा, उदाहरण के लिए, इस पर:



नतीजतन, स्मृति में प्रत्येक एनीमेशन के लिए लगभग 16 एमबी रखना आवश्यक होगा, और यह निश्चित रूप से ऐसे माध्यमिक ग्राफिक तत्व के लिए एक हलचल है। मुझे एनीमेशन को सरल बनाना होगा और अनुकूलन के तरीकों की तलाश करनी होगी।

परिवर्तनों के स्वचालित निर्यात के साथ, आप सभी को एनिमेशन खेलने की आवश्यकता होती है, जिसमें 518x942 पिक्सेल का रिज़ॉल्यूशन और 284 KB के विवरण के साथ एक फ़ाइल होती है। इसके अलावा तथ्य यह है कि यह बहुत कम संसाधनों लेता है से, एनीमेशन 60 fps के एक फ्रेम दर पर खेला जाता है।

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

मुझे इस बात पर खुशी होगी कि आपने अपनी परियोजनाओं में इस तरह की समस्याओं को कैसे हल किया।