Pixi.js: https://pixijs.github.io/bunny-mark/ धीमा

यह पिछले संस्करणों की तुलना कैसे करता है?

हां, यह बहुत आशावादी है, मैंने केवल एक बार एक डेस्कटॉप देखा जो 75FPS पर 100k मल्टीटेक्सचर्ड बन्नी को हैंडल करता था। मेरे पास भी 18 हैं :)

बहु-बनावट के बिना एक संस्करण चलाने का प्रयास करें, एक बटन था।

PIXI को "औसत" गेम के लिए अनुकूलित किया गया है, लेकिन इसमें कई पैरामीटर हैं, और आप पिक्सी आर्किटेक्चर के शीर्ष पर अपना खुद का सुपर-अनुकूलित रेंडरर भी लिख सकते हैं! हमारे पास पुराने वीडियो कार्ड और इंटेल एचडी पर स्थिर 30FPS पर 10000 एनिमेटेड गायें (~ 16 क्वाड प्रत्येक) हैं। चरम चरण, बहुत कम CPU उपयोग: https://www.youtube.com/watch?v=adixpp9CK_A । जितने अधिक ऑब्जेक्ट अपने कॉर्ड बदल रहे हैं, उतना ही अधिक CPU का उपयोग किया जाता है, और यह उन मामलों को संभाल सकता है जहां सब कुछ पर्याप्त FPS पर हर फ्रेम में घूम रहा है। मुझे उम्मीद है कि एक या दो महीने में पिक्सी का कांटा निकल जाएगा :)

क्या पिक्सी को फिर से महान बनाने के लिए इस कांटे को मास्टर में मिला दिया जाएगा?

इवान आप पिक्सी का उपयोग करके जो हासिल करते हैं वह बहुत प्रभावशाली है। इस कांटे को देखने और इससे सीखने के लिए उत्सुक हैं। :)

@ jeebus3000 नहीं, यह एक प्रोडक्शन फोर्क होगा, इसके लिए

सेटिंग्स की संख्या अधिक होगी:

1. निर्दिष्ट करें कि आपका जेसन एनीमेशन प्रारूप जीपीयू के लिए उपयुक्त बाइनरी प्रारूप में कैसे परिवर्तित होता है। पूर्व-परिभाषित: बस एक स्प्राइटशीट, फ्लैश एनीमेशन, रीढ़। सभी अलग-अलग सेटिंग्स के साथ (फ्लोट्स प्रति उदाहरण, फ्लोट्स प्रति क्वाड)
2. पिक्सी-डिस्प्ले++: जहां पिक्सी में कंटेनर है, वहीं स्टेज, लेयर और कैमरा भी होगा। प्रत्येक डिस्प्लेऑब्जेक्ट में एक दृश्य होता है जो किसी न किसी परत से संबंधित होता है, और चरम मामलों (gameofbombs.com) के लिए प्रति ऑब्जेक्ट कई दृश्य होंगे।
3. अपडेटट्रांसफॉर्म () को हर फ्रेम नहीं कहा जाता है, और वेनिला पिक्सी की तुलना में अधिक आलसी अपडेट हैं। हम नहीं चाहते कि 10k तत्वों को JS में बुलाया जाए जब वे पूरे नक्शे में नहीं घूम रहे हों।
4. रीयलटाइम एटलस और संपीड़ित बनावट। जब आप गेम विकसित करते हैं, तो आपको यह देखना होगा कि वीडियो मेमोरी में क्या हो रहा है और एटलस कैसे बनते हैं। परिणामी प्रारूप में संपीड़ित होने से पहले बनावट पैकर्स में एटलस को विशेष सेटिंग्स के साथ बनाया जाता है।

@bigtimebuddy

यह पिछले संस्करणों की तुलना कैसे करता है?

जब मैं "v3.0.8" पर क्लिक करता हूं तो मुझे यह मिलता है:

३.०.९, ३.०.१० के लिए डिट्टो।

#4023 पर रिपोर्ट किया गया।

3.0.11 के साथ मुझे 6fps मिलता है।

4.0.0 और 4.0.1 के साथ मुझे 23-24fps मिलता है।

यहां से लगातार प्रतिगमन होता है:

4.1.0 और 4.1.1 के साथ मुझे 20-22fps मिलता है।

4.2.1 के साथ मुझे 19-20fps मिलता है।

4.4.4 और 4.5.1 के साथ मुझे 16-18fps मिलता है।

मुझे उम्मीद है कि पिक्सी फिर से तेज हो जाएगी।

cc @GoodBoyDigital

@ivanpopelyshev यह प्रभावशाली है! लेकिन मुझे बहुत तेज़ होने के लिए स्टॉक पिक्सीजेएस की आवश्यकता है (और मेरे उपयोग के मामले अक्सर बन्नीमार्क की तरह दिखते हैं)।

शायद एक परीक्षण हो सकता है (जो हमेशा चलता है) जो यह जांचता है कि नवीनतम पिक्सी कोड पिछले संस्करणों की तरह सबसे तेज (या तेज) है या नहीं।

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

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

@tobireif आपके पास केवल एक सेटिंग है: स्प्राइटरेंडर में बनावट की गिनती। एक बड़ा एटलस 4k x 4k या 8k x 8k बनाएं और यह मल्टीटेक्सचर से काफी बेहतर होगा।

आपको परीक्षण करना होगा कि आपके उपयोगकर्ताओं के पास कौन सी वेबजीएल सेटिंग्स हैं, उस जानकारी के बिना अनुकूलन संभव नहीं है। एक उदाहरण के रूप में, हम जानते हैं कि 99% में 4k बनावट और फ्लोट बनावट प्लगइन है, और हम इसका बहुत उपयोग करते हैं, जबकि वेनिला पिक्सी रेंडरर नहीं करता है।

मेरे मामले में पिक्सी विशिष्ट कार्यों के लिए उपयुक्त बेहतर रेंडरर्स के लिए बॉयलरप्लेट की तरह है।

@ivanpopelyshev

स्प्राइटरेंडरर में बनावट की गिनती। एक बड़ा एटलस 4k x 4k या 8k x 8k बनाएं और यह मल्टीटेक्सचर से काफी बेहतर होगा।

अगर यह पिक्सीजेएस बनीमार्क में लागू होने की तुलना में पूर्ण मदद करता है, है ना?

संस्करण 4.0.1 से 4.5.1 तक, पिक्सीजेएस धीमा हो गया - बनीमार्क फ्रैमरेट 23-24fps से 16-18fps तक चला गया। उस मुद्दे को ठीक करने की जरूरत है, और फिर भविष्य के लिए पूर्ण प्रतिगमन को रोकने की जरूरत है (उदाहरण के लिए सीआई परीक्षण का उपयोग करना)।

मेरे मामले में पिक्सी विशिष्ट कार्यों के लिए उपयुक्त बेहतर रेंडरर्स के लिए बॉयलरप्लेट की तरह है।

मुझे अत्यधिक प्रदर्शन करने के लिए "वेनिला पिक्सीजेएस" की आवश्यकता है, और मुझे संदेह है कि अन्य पिक्सी जेएस उपयोगकर्ता भी ऐसा करते हैं।

हाँ, हमें सेटअप में एक और टेक्स्ट फ़ील्ड चाहिए, जैसे "टेक्सचर काउंट:"। जहां तक ​​4.0.1-4.5.1 का सवाल है, मुझे लगता है कि हमें पहले यह समझना होगा कि क्या इसका सीपीयू या जीपीयू हमने डिओप्टिमाइज्ड किया है।

@tobireif , यह एक अच्छी बात है! हमें शायद इसे कुछ कम से शुरू करना चाहिए - शायद 1000? क्या यह एक आसान ट्वीक @bigtimebuddy है?

पूर्ण के संबंध में, हम मूल रूप से शक्ति के लिए अधिक लचीलेपन का व्यापार कर रहे हैं। पिक्सी के वर्तमान संस्करण में भी स्थिर सामग्री पर थोड़ा सा पूर्वाग्रह है (क्योंकि ज्यादातर चीजें चलती नहीं हैं!)

यदि आप एक कण कंटेनर का उपयोग करते हैं तो बनीमार्क तेजी से चलता है :)

लेकिन यह एक अच्छा चिल्लाहट है, मैं वर्तमान में v5 पर काम कर रहा हूं, मैं देखूंगा कि क्या हम उस एफपीएस को वापस ले सकते हैं!

@ivanpopelyshev मैं v5 में बनावट बंधन के पुराने तरीके से 4.0.0 तरीके से वापस लौट आया (कम जादू - अगर इससे मदद मिलेगी तो मैं भटक

@GoodBoyDigital जो मदद करेगा। स्मार्ट टेक्सचर बाइंडिंग केवल सिंगल-टेक्सचर चीज़ में काम करती है, सभी मल्टीटेक्सचर उपयोग इसके साथ दर्द था।

अरे लोग, हमने किस संस्करण को es6 में परिवर्तित किया? मुझे पता है कि थोड़ा सा हिट करें!

@GoodBoyDigital

बनीमार्क एक बात है। यह महत्वपूर्ण है कि यह तेज़ हो, क्योंकि यह दिखाना चाहता है कि पिक्सी तेज़ है। और क्योंकि यह एक आदर्श उदाहरण है (जिसका स्रोत लोग अध्ययन और व्याख्या कर सकते हैं) इसे सभी संभव और समझदार lib-user-side अनुकूलन प्रदर्शित करना चाहिए। और बनी गिनती अभी भी एक प्रभावशाली संख्या होनी चाहिए, उदाहरण के लिए ४०००० या ५०००० (उदाहरण के लिए उच्चतम गिनती जो इस टिकट में उल्लिखित सुधारों के साथ ६० एफपीएस लाती है और पिक्सी संस्करण ५ के साथ उदाहरण के लिए मेरी/इवान की मशीन)।

लेकिन बन्नीमार्क कोड की परवाह किए बिना पिक्सी को खुद बहुत तेज होने की जरूरत है, जैसा कि हम सभी सहमत हैं।

मुझे आशा है कि आप सभी बेहतरीन प्रदर्शन हासिल कर सकते हैं और बनाए रख सकते हैं!

पिक्सी के वर्तमान संस्करण में भी स्थिर सामग्री पर थोड़ा सा पूर्वाग्रह है (क्योंकि ज्यादातर चीजें चलती नहीं हैं!)

जब भी मैं पिक्सी का उपयोग करता हूं, ज्यादातर चीजें चलती हैं

यदि आप एक कण कंटेनर का उपयोग करते हैं तो बनीमार्क तेजी से चलता है :)

इस प्रकार बनीमार्क कोड को एक कण कंटेनर का उपयोग करना चाहिए, है ना?

मैं वर्तमान में v5 पर काम कर रहा हूं, मैं देखूंगा कि क्या हम उस एफपीएस को बैक अप ले सकते हैं!

महान! मैं

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

हम जानते हैं कि v4.1+ में थोड़ा सा प्रदर्शन प्रभावित हुआ था और इसका अधिकांश हिस्सा इसलिए था क्योंकि हमने इसे और अधिक बनाए रखने योग्य बनाने के लिए ES6 में कोड आधार को फिर से लिखा था। कोर टीम ने महसूस किया कि छोटे प्रदर्शन हिट ट्रेड-ऑफ लॉन्ग टर्म के लायक थे।

हम इसे कैसे संबोधित कर सकते हैं, इसके लिए मेरे पास कुछ सुझाव हैं:

• [ ] पिक्सी के लिए एक कामुक, उपयोगकर्ता के अनुकूल प्रदर्शन विज्ञापन बनाएं, अधिमानतः उदाहरणों में कुछ। टॉगल सुविधाओं के लिए ठीक अनाज नियंत्रण हो सकता है। बनी-चिह्न को केवल आंतरिक परीक्षण उपकरण के रूप में रखें।
• [ ] प्रदर्शन युक्तियों के लिए विकी में सुधार करना जारी रखें, संभावित रूप से डेमो प्रदान करें
• [ ] पिक्सी के लिए बेंचमार्किंग परीक्षण लागू करें, कुछ ऐसा जो माप के अनुरूप हो
• [ ] ऊपर बताए अनुसार नवीनतम संस्करणों पर प्रदर्शन में गिरावट की पुष्टि करें

उस मुद्दे को ठीक करने की जरूरत है, और फिर भविष्य के लिए पूर्ण प्रतिगमन को रोकने की जरूरत है

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

आपके बारे में क्या, @tobireif? क्या आपके पास इन क्षेत्रों में विशेषज्ञता है? सुधार के बहुत सारे अवसर। पीआर या प्रयासों का यहां स्वागत है, बेहतर परीक्षण बनाने के लिए, वेबग्ल के साथ सीआई (ट्रैविस) करने के लिए समाधान खोजने के लिए, नकारात्मक-प्रदर्शन योगदान की तलाश में प्रतिबद्ध इतिहास पर द्विआधारी खोज करने के लिए।

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

मेरा मानना ​​​​है कि बनावट की संख्या ही एकमात्र कार्य है जो बेंचमार्क के लिए महत्वपूर्ण है।

@bigtimebuddy

पूछने के लिए धन्यवाद। मेरे पास प्रदर्शन अनुकूलन का अनुभव है, लेकिन दुर्भाग्य से मैं निकट भविष्य में पिक्सी पर सीधे काम करने के लिए समय नहीं निकाल पाऊंगा। मुझे उम्मीद है कि इस (और अन्य) मुद्दों की रिपोर्ट के रूप में मेरे योगदान की अभी भी सराहना की जाती है (उन्हें भी समय लगता है ...)

अब मैं समझता हूं कि "pixijs.github.io/bunny-mark" देव-आंतरिक पूर्ण परीक्षण के लिए अभिप्रेत है।

तो अगर मैं किसी को पिक्सीजेएस का महान प्रदर्शन दिखाना चाहता था (उदाहरण के लिए किसी विशिष्ट परियोजना के लिए पिक्सी की सिफारिश करते समय), तो मैं इसे http://www.goodboydigital.com/pixijs/bunnymark/ लिंक कर दूंगा?
(https://pixijs.github.io/bunny-mark/ के बजाय)
(यद्यपि भविष्य में अतिरिक्त पूर्ण प्रदर्शन हो सकते हैं, मुझे बनमार्क पसंद है, और यह कार्य प्रभावशाली ढंग से करता है।)

(मुझे लगता है कि संभावित lib उपयोगकर्ताओं को प्रदर्शन दिखाना पहले/पहले के बन्नीमार्क का मूल उद्देश्य था, इसे गुडबॉय ब्लॉग पोस्ट आदि में पोस्ट किया गया था, यह सिर्फ देव-आंतरिक नहीं था।)

BTW, http://www.goodboydigital.com/pixijs/bunnymark/ पार्टिकलकंटेनर का उपयोग करता है, लेकिन एक पुराना पिक्सी संस्करण।

पुनः आप सभी को:

पिक्सीजेएस के लिए धन्यवाद!

@GoodBoyDigital

मैं वर्तमान में v5 पर काम कर रहा हूं, मैं देखूंगा कि क्या हम उस एफपीएस को बैक अप ले सकते हैं!

बहुत अच्छा लगता है! इसके लिए तत्पर हैं

शायद एक v5 बन्नीमार्क हो सकता है (एक पिक्सी के परफेक्ट को दिखाने के लिए, जैसे मौजूदा v3 बनीमार्क http://www.goodboydigital.com/pixijs/bunnymark_v3/)।

नमस्ते! इसकी निष्क्रियता के कारण इस मुद्दे को अभी के लिए बंद किया जा रहा है। अगर आप इस मुद्दे को फिर से खोलना चाहते हैं तो बेझिझक हमें एक प्रहार दें। धन्यवाद

कोई समस्या नहीं

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

यदि यह पिक्सीजेएस परियोजना के दायरे में है, तो कृपया फिर से खोलें (या हम उपरोक्त को एक नए टिकट में पेस्ट कर सकते हैं)।

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

संबंधित: https://github.com/pixijs/pixi.js/issues/4026 ।

इस थ्रेड को स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद हाल ही में कोई गतिविधि नहीं हुई है। कृपया संबंधित बग के लिए एक नया मुद्दा खोलें।