सौंदर्यशास्त्र को बर्बाद किए बिना मैं पिक्सेल कला स्प्राइट को कैसे घुमा सकता हूं?


12

मैं अभी एक विशाल "गेम डिज़ाइन" प्रश्न के सामने हूँ। मैं एक पिक्सेल-आर्ट-ईश गेम बना रहा हूं और बिलिनियर प्रक्षेप का उपयोग करके बहुत सारे एनीमेशन-मुद्दों को हल कर सकता हूं। दूसरी ओर, अब इसका "पिक्सेल-गेम" नहीं है।

अगर मैं बिलिनियर इंटरपोलेशन का उपयोग करता हूं तो एनीमेशन काम करता है लेकिन यह "हाइब्रिड-ईश" दिखता है और आर्टस्टाइल खो जाता है। या तो मैं अपने एनिमेशन गड़बड़ कर देता हूं या मैं आर्टस्टाइल को गड़बड़ कर देता हूं। मुझे लगता है यह दोनों नहीं कर सकते।

क्या इसे हल करने का कोई और तरीका है?

यहाँ छवि विवरण दर्ज करें


4
यही कारण है कि अपने खेल आप तय है, :)
Vaillancourt

क्या "मोनो-लीनियर" इंटरपोलेशन (आमतौर पर सिर्फ "लीनियर इंटरपोलेशन" कहा जाता है) एक विकल्प है?
फिलिप

1
मैंने इस सवाल को फिर से ध्वनि-आधारित बनाने के लिए विचार किया कि यह कम राय-आधारित है।
फिलीपींस

रुको क्या? मुझे यह मंजूर करने की आवश्यकता नहीं है? : डी
OC_RaizW

1
कतरनी द्वारा रोटेशन की संभावना भी है , जो इनपुट पिक्सल को बिना डुप्लिकेट / एलीडिंग / सम्मिश्रण किए चारों ओर ले जाता है।
DMGregory

जवाबों:


14

90 ° से अन्य कोणों से पिक्सेल कला का स्वचालित घुमाव आमतौर पर गलत होता है। यदि आप पिक्सेल-कला सौंदर्यशास्त्र को बनाए रखना चाहते हैं, तो आप आमतौर पर प्रत्येक कोण में अपनी कला को फिर से तैयार नहीं करेंगे।

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

यहाँ मूल आकार में स्प्राइट का एक उदाहरण है, जो बिना इंटरपोलेशन के फैक्टर 3 से बढ़ा हुआ है और फिर रैखिक प्रक्षेप के साथ 30 ° घुमाया गया है:

यहाँ छवि विवरण दर्ज करें


1
अनिवार्य रूप से प्रत्येक "पिक्सेल" 10x10 पिक्सेल या ऐसा ही कुछ बन जाता है?
जॉन

2
@ जॉन हाँ, यही मेरा मतलब है कि फॉक्स-रेट्रो के साथ। 10x10 थोड़ा बड़ा हो सकता है (आप जिस हार्डवेयर प्लेटफ़ॉर्म को लक्षित कर रहे हैं, उसके रिज़ॉल्यूशन के आधार पर), लेकिन यह मूल रूप से विचार है। आपके पास एक स्प्राइट है जो 16x32 पिक्सेल-कला के टुकड़े जैसा दिखता है, लेकिन वास्तव में 48x96 बनावट है जिसमें प्रत्येक "दृश्यमान" पिक्सेल वास्तव में एक ही रंग का 3x3 पिक्सेल है।
फिलिप

thaaat उसी के बारे में था जो मैं सोच रहा था ....
OC_RaizW

यही दृष्टिकोण स्टारबाउंड में था, जब "दृश्यमान" पिक्सल वास्तव में 3x3 असली पिक्सेल के वर्ग थे
ट्रोलिंगचेयर

16

RotSprite पर एक नजर

RotSprite Xenowhirl द्वारा विकसित स्प्राइट्स के लिए एक स्केलिंग और रोटेशन एल्गोरिथ्म है। यह निकटतम-पड़ोसी रोटेशन एल्गोरिदम की तुलना में बहुत कम कलाकृतियों का उत्पादन करता है, और ईपीएक्स की तरह, यह छवि में नए रंगों को पेश नहीं करता है (अधिकांश प्रक्षेप प्रणालियों के विपरीत)।

रोटस्प्रिट का उदाहरण

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

आप या तो अपने गेम के ड्रॉइंग कोड के हिस्से के रूप में इस एल्गोरिथम को लागू कर सकते हैं, या पहले से तैयार की गई संपत्ति बनाने के लिए इसका उपयोग कर सकते हैं। पिक्सेल आर्ट टूल Aseprite ने RotSprite को स्प्राइट एडिटर के हिस्से के रूप में एकीकृत किया है।

कार्रवाई में rotsprite का GIF

इसके अलावा, इस एकता फोरम थ्रेड पर एक नज़र डालें कि रोटसप्रिट को एकता में कैसे उपयोग किया जाए, साथ ही रोटसप्राइट के बारे में अधिक सामान्य जानकारी।


चीज़। मैंने इसे एकता के लिए डाउनलोड किया और इसका परीक्षण किया - और यह परिणाम सामान्य एकता पिक्सेल-प्रतिपादन की तुलना में बहुत खराब है .. लेकिन धन्यवाद
OC_RaizW

@OC_RaizW ऐसा नहीं होना चाहिए। आप एकता परिसंपत्ति के डेवलपर से संपर्क करना चाह सकते हैं।
रुडी

-4

पृष्ठ का शीर्ष बाईं ओर एक विकल्प है: ऑटो-चयन: समूह और परत। लेयर ऑप्शन चुनें फिर रोटेट करें। जिस तरह से कोई भी आपको बताता है।


4
आप किस छवि संपादक की बात कर रहे हैं? प्रश्न में किसी विशेष उपकरण का उल्लेख नहीं है। इसलिए यदि आप एक छवि संपादक जानते हैं, जहां कम गुणवत्ता के नुकसान के साथ कम रिज़ॉल्यूशन स्प्राइट को घुमाना वास्तव में इतना आसान है, तो कृपया हमें बताएं कि कौन सा निर्देश लागू होता है।
फिलिप
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.