टेक्सचरिंग स्प्राइट (डिस) प्लेसमेंट मैप का उपयोग करता है

हाल ही में, एक विदेशी परियोजना के अनुसंधान के उद्देश्य के लिए, मैं एक बहुत ही जिज्ञासु और एक ही समय में बहुत ही सरल तकनीक पर आया। मुझे तुरंत कहना होगा कि मैंने एक फ्लैश ड्राइव उठाया, लेकिन इस तकनीक का उपयोग न केवल फ्लैश में किया जा सकता है, बल्कि सामान्य रूप से - कहीं भी।

संक्षेप में, तकनीक आपको एक प्रदान किए गए एनीमेशन की अनुमति देती है और विभिन्न प्रकार की खाल को लागू करती है, जिससे बाहरी रूप से अलग-अलग ऑब्जेक्ट प्राप्त होते हैं।

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

लेकिन संसाधनों को देखने के बाद, मैंने एक बहुत ही दिलचस्प बात देखी। मैंने एक अजीब तरह की प्रस्तुत तस्वीरें देखीं:



और भी, इस तरह के विभिन्न बनावट:



बनावट के साथ, सब कुछ स्पष्ट है। लेकिन पहली तस्वीर में क्या बकवास है? लॉजिक ने सुझाव दिया कि यह किसी प्रकार की बनावट विरूपण मानचित्र था। सबसे पहले मैंने कुछ प्रकार की विकृति और एक सामान्य मानचित्र के बारे में सोचा ... लेकिन फिर एक सरल विचार मेरे दिमाग में आया - एक विस्थापन मानचित्र। यह तब होता है जब तस्वीर में बदलावों के निर्देशांक एन्क्रिप्ट किए जाते हैं। उदाहरण के लिए, लाल चैनल में - "x" के साथ शिफ्ट, और नीले रंग में - "y" के साथ।

चैनलों के माध्यम से इसे बिखेरते हुए, मुझे यह मिला:



और लगभग तुरंत ही मुझे सब कुछ समझ में आ गया। आप तुरंत देख सकते हैं कि नीला चैनल स्पष्ट रूप से अल्फा चैनल है।

ग्रीन चैनल को देखते हुए और उस पर एक स्पष्ट ऊर्ध्वाधर ढाल को देखते हुए, यह स्पष्ट हो गया कि इसमें y-निर्देशांक एन्क्रिप्ट किया गया था। खैर, लाल के पास एक्स होने के अलावा कोई चारा नहीं था।

तस्वीर में "पिपेट" को क्रॉल करते हुए, इस तथ्य से भी संदेह की पुष्टि की गई कि प्रत्येक आर और जी घटक 0..127 की सीमा में बदल गए, जबकि बनावट की तस्वीर आकार में सिर्फ 128x128 पिक्सल थी।

बहुत जल्दी मैंने एक कोड को स्केच किया जो प्रत्येक पिक्सेल के लिए निम्नलिखित था:

color = map.getPixel(x, y);
tX = color.R;
tY = color.G;
alpha = color.B;
textureColor = texture.getPixel(tX, tY);
dest.setPixel(x, y, textureColor, alpha);


नतीजतन, मुझे लगभग वही मिला जो मैं मूल परियोजना में देखता हूं। एक आदमी की बनावट वाले एनीमेशन के चरण:



सच है, तंत्र पूरी तरह से विस्थापन नहीं है (विस्थापन के मामले में, हम बनावट मानचित्रण में रिश्तेदार परिवर्तनों के बारे में बात कर रहे हैं)। बल्कि, आपको बस इसे "प्लेसमेंट मैप" कहने की आवश्यकता है। :)

आप बनावट पर पड़ोसी बिंदुओं को चौरसाई और उपयोग करने के लिए एक एल्गोरिथ्म भी फेंक सकते हैं - और सब कुछ सामान्य रूप से चॉकलेट होगा।

यह ध्यान देने योग्य है कि फ्लैश में एक अंतर्निहित डिस्कप्लेसमेंटफिल्टर तंत्र है, लेकिन यह फिट नहीं हुआ, क्योंकि यह सापेक्ष निर्देशांक के साथ काम करता है (जैसे, अन्य बातों के अलावा, यह मशीन के लिए आवश्यक है)। यानी हमारे मामले में वह करेगा
बुनावट रंग = बनावट।गीतपिक्सल (x + tX, y + tY);

कुल।

मुझे वास्तव में तकनीक पसंद है। यह आपको 3 डी रेंडरिंग तकनीकों का उपयोग किए बिना अलग-अलग खाल के साथ उच्च गुणवत्ता वाली वस्तुओं का एक गुच्छा प्राप्त करने की अनुमति देता है और एक ही समय में इन समान खाल का एक सरल परिवर्तन होता है।

पहले से ही मेरी परियोजना में इसका उपयोग करने की योजना है।

प्रश्न।

वह सब बनी हुई है यह प्रश्न - कि आप किस सॉफ्टवेयर से इस तरह के बनावट प्राप्त कर सकते हैं, और सबसे महत्वपूर्ण बात - इस तरह के विरूपण मानचित्र प्रस्तुत करना ???

अगर किसी ने ज्ञान साझा किया तो मैं आभारी हूं।

पुनश्च

प्रकाशन के बाद, मुझे एहसास हुआ कि आप किसी विशेष प्लगइन्स आदि के बिना भी इस तरह के रेंडर कैसे प्राप्त कर सकते हैं ।:

1. हम अपना मॉडलका लेते हैं, एक यूवी स्कैन करते हैं।
2. एक विशेष ढाल के साथ यूवी-स्कैन बनावट भरें, जहां आर-घटक "x" समन्वय के अनुरूप होगा, और जी "y" समन्वय के लिए।
3. हम बनावट में बी-घटक को अधिकतम तक डालते हैं।
4. एक काले रंग की पृष्ठभूमि पर प्रकाश, प्रतिबिंब, आदि को छोड़कर परिणामी चीज़ को प्रस्तुत करें।

नतीजतन, हम वांछित परिणाम प्राप्त करते हैं। एक्स / वाई आर / जी में होगा, और अल्फा स्वचालित रूप से "बी" पर जाएगा, क्योंकि जहाँ हमारी वस्तु पारदर्शी होगी - वहाँ की पृष्ठभूमि का रंग (काला) अन्य स्थानों पर चमकने लगेगा, "बनावट" (255) से लिया जाएगा।

पुनश्च: अल्फा चैनल को नीले रंग में निर्यात करने के बारे में, ज़नप हेब्रायज़र ने साथ आने में मदद की ।