फ्लैश रेंडरिंग प्रदर्शन और अनुकूलन

हमारे फ़्लैश गेम के निर्माण के दौरान (ध्यान से - संपर्क!), कुछ बिंदु पर हम एक प्रदर्शन समस्या में भाग गए।



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



अच्छी पुरानी परंपरा के अनुसार, Google को दांतों में लिया गया था और एक समाधान की खोज शुरू हुई ...

स्टाफिंग समाधान

पहली चीज जिस पर आप ठोकर खाते हैं वह है "कैश बिटमैप के रूप में"। आइए पहले इस विकल्प से निपटें।



आपको प्रत्येक क्लिप के लिए इस विकल्प को अलग से सक्षम करना होगा। यह या तो फ्लैश में ही किया जाता है - उसी नाम के चेकबॉक्स को सेट करके "गुण" पैनल में एक क्लिप का चयन करके। या डायनामिक रूप से - मूवी क्लीप की "कैशेअट्सबिटमैप" प्रॉपर्टी को "ट्रू" करने के लिए AS3 कोड में।



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



सवाल उठता है - तो यह विधि डिफ़ॉल्ट रूप से सक्षम क्यों नहीं है?



यहां सब कुछ सरल है। तथ्य यह है कि यदि कैश की गई क्लिप बदल जाती है (एनिमेटेड), या यदि आप पारदर्शिता को घुमाना / बदलना / बदलना चाहते हैं, तो इसके लिए फ्लैश को पहले से अपडेट की गई छवि को कैश करने के लिए फिर से क्लिप के वेक्टर "स्रोत" की ओर मुड़ना होगा। इस प्रकार, यदि हमारे पास एक क्लिप है जो हर फ्रेम को बदलता है, तो खिलाड़ी को लगातार इसे फिर से कैश करना होगा, जो इसके विपरीत, प्रदर्शन में कमी लाएगा।



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



तो इस विधि में अच्छा / बुरा क्या है:

+ बदसूरती के तरीके को चालू करना सरल है। इसके अलावा, उपयोगकर्ता को देखने में कोई अंतर नहीं पता चलेगा (क्लिप की गैर-पूर्णांक निर्देशांक का उपयोग करते समय माइक्रो-बारीकियों केवल तभी हो सकती हैं)।

+ विधि किसी भी जटिलता के स्थिर फिल्म क्लिप (ग्रेडिएंट्स, घटता, आदि की किसी भी संख्या के साथ) के लिए आदर्श है।

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

- विधि एक निश्चित मात्रा में मेमोरी खाती है (ठीक है, इसके बिना - कहीं नहीं ... खिलाड़ी को कहीं न कहीं rasterized छवि को संग्रहीत करना होगा)।

- कुछ डेवलपर्स के अनुसार, बड़ी क्लिप (10,000 x 10,000) के साथ, मंदी अभी भी हो सकती है।

एनिमेटेड क्लिप के लिए समाधान।

यह पता चला है कि एनिमेटेड क्लिप के लिए एक समाधान भी है। इस समाधान का सार एक एनिमेटेड क्लिप लेना है और इसके सभी फ़्रेमों को पहले से व्यवस्थित करना और उन्हें बिटमैपडेटा के रूप में संग्रहीत करना है। और फिर मूल के क्लिप-रास्टर कॉपी के साथ काम करने के लिए।



कहो मुश्किल है? वास्तव में, हमारे सामने एक साइकिल का आविष्कार पहले ही हो चुका है। आप टच माई पिक्सेल ब्लॉग पर पोस्ट किए गए तैयार समाधान का उपयोग कर सकते हैं। एक ऑनलाइन उदाहरण भी है जो आपको विधि के प्रदर्शन का मूल्यांकन करने की अनुमति देगा।



एनीमेशन कैशिंग का उपयोग करने और न करने का अंतर काफी महत्वपूर्ण है:







इस विधि के पेशेवरों और विपक्ष:

+ विधि एनिमेटेड क्लिप के लिए उपयुक्त है और आपको उत्पादकता बढ़ाने में मदद करता है।

- निर्णय "बॉक्स से बाहर" नहीं है, अर्थात आपको तृतीय-पक्ष कोड "पेंच" करना होगा।

- इस विधि में संपूर्ण एनीमेशन के प्रारंभिक प्रतिपादन की आवश्यकता होती है (यानी फ्लैश ड्राइव शुरू करने से पहले थोड़ी देरी)।

परिणाम।

हमारे ग्राफिक्स कुछ इस तरह हैं:



(केंद्र में राक्षस उपयोगकर्ता द्वारा बनाया गया था, इसलिए उसकी "सावधानी" के लिए मत मारो :)



स्टेटिक्स के लिए एक नियमित "कैश बिटमैप के रूप में कैश" को शामिल करने के परिणामस्वरूप, एफपीएस, जो 12 तक गिर गया, एक नियमित 30 तक पहुंच गया।



अब हम सोच रहे हैं कि एनिमेटेड ग्राफिक्स के लिए कैशिंग को सही तरीके से कैसे लागू किया जाए।

निष्कर्ष।

मुझे उम्मीद है कि यह लेख आपको अपने फ्लैश ड्राइव के प्रदर्शन को बेहतर बनाने में मदद करता है!



विषय पर उपयोगी सामग्री:

• एंटोन कारलोव द्वारा एनीमेशन प्रदर्शन के बारे में एक लेख - एनिमेटेड क्लिप को रेखापुंज करने के लिए उपरोक्त वर्ग के साथ प्रयोग केवल यहां वर्णित हैं
• कैशएबिटमैप क्यों खराब है कैशएट्सटैम्प और हैंड रैस्टराइजेशन के बारे में एक अन्य लेख है।