Pixi.js: बहुभुज पैकिंग

को निर्मित 13 दिस॰ 2015 · 33टिप्पणियाँ · स्रोत: pixijs/pixi.js

मैं धीमा हूं लेकिन यह

प्रारूप

{"frames": {
"animal_extractor.png":
{
    "frame": {"x":2,"y":326,"w":164,"h":136},
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": {"x":0,"y":0,"w":164,"h":136},
    "sourceSize": {"w":164,"h":136},
    "pivot": {"x":0.5,"y":0.5},
    "vertices": [ [140,34], [164,76], [164,88], [95,127], [74,136], [50,136], [0,108], [0,62], [32,19], [86,15], [101,0], [106,0] ],
    "verticesUV": [ [142,360], [166,402], [166,414], [97,453], [76,462], [52,462], [2,434], [2,388], [34,345], [88,341], [103,326], [108,326] ],
    "triangles": [ [9,10,11], [3,8,9], [7,3,5], [3,0,1], [5,6,7], [5,3,4], [3,7,8], [3,9,0], [3,1,2], [0,9,11] ]
}
}

Stale 🙏 Feature Request 🥶 Low Priority

स्रोत

ivanpopelyshev

🎉1

सबसे उपयोगी टिप्पणी

इसे v5 में जोड़ा जाएगा, मैं इसे प्रदान करूंगा।

ivanpopelyshev 26 जून 2017

👍6 ❤1

सभी 33 टिप्पणियाँ

लोगों का कहना है कि इसे 1 साल पहले एकता में जोड़ा गया था

ivanpopelyshev 13 दिस॰ 2015

विस्मयकारी।
मोबाइल हमेशा पर्याप्त मेमोरी नहीं होता है।
तो चाहिए..
आप पॉलीगॉन टेक्सचरपैकिंग द्वारा प्रदर्शन के बारे में क्या सोचते हैं

SeminYun 19 जन॰ 2016

हे दीप्तिमान! @SeminYun यदि आपको प्रदर्शन के बारे में जानकारी नहीं मिली, तो यहाँ एक परीक्षण है जो उन्होंने iPhone 4s पर किया: https://www.codeandweb.com/blog/2015/10/01/cocos2d-x-performance-optimization
छवि ने 36fps को बिना ट्रिम किए, और 60 fps को ट्रिम किया! सुधार की बात कर रहे हैं! यह बनावट समर्थन पिक्सी में बहुत स्वागत योग्य होगा !! :)

Friksel 30 अप्रैल 2016

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

englercj 30 अप्रैल 2016

अच्छा। उम्मीद है कि इस प्रदर्शन से लाभ होगा, यह निश्चित रूप से कुछ स्प्राइटशीट को छोटा कर देगा जबकि छवियां अल्फा छेद के अंदर फिट हो सकती हैं! तो बहुत सारी स्प्राइटशीट तेजी से लोड होंगी। अची बात है!

Friksel 30 अप्रैल 2016

मैं इसे जल्द ही WIP शाखा v4.1 में लागू करूँगा :)

ivanpopelyshev 30 अप्रैल 2016

👍3

क्या इसे नई सुविधा बनाने के बजाय मेष के माध्यम से प्रस्तुत नहीं किया जा सकता है?

englercj 28 सित॰ 2016

@englercj 100% सही। नया स्प्राइट सेटअप इसे भी अच्छी तरह से समायोजित करेगा!

GoodBoyDigital 28 सित॰ 2016

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

ivanpopelyshev 1 अक्तू॰ 2016

किसी भी अद्यतन?

nikolayh 22 फ़र॰ 2017

👍1

चूंकि पिक्सीजेएस डेटा प्रारूप के लिए बहुभुज मोड अभी भी डिफ़ॉल्ट रूप से अक्षम है, ऐसा लगता है कि पॉलीगॉन पिक्सी में समर्थित नहीं हैं।

जैसा कि पिछले कुछ टिप्पणियों से पता चलता है, यह संस्करण 4.1 से पिक्सीजे के रिलीज एजेंडे पर कहीं होना चाहिए। क्या कोई पुष्टि कर सकता है कि इस फीचर ने इसे पहले से ही PIXI 4.* में शामिल कर लिया है?

और अगर यह समर्थित है, तो क्या कोई जानता है कि पिक्सीजेएस जेसन प्रारूप के लिए बनावटपैकर में इस सुविधा को कैसे सक्षम किया जाए?

Jorisslagter 26 जून 2017

इसे v5 में जोड़ा जाएगा, मैं इसे प्रदान करूंगा।

ivanpopelyshev 26 जून 2017

👍6 ❤1

आश्चर्यजनक! बहुत - बहुत धन्यवाद।

Jorisslagter 27 जून 2017

बढ़िया @ivanpopelyshev !

Friksel 24 जुल॰ 2017

यहाँ कोई खबर है?

gle6as 15 सित॰ 2017

कोई खबर नहीं, लेकिन किसी ने पुष्टि नहीं की कि उन्हें इसकी गंभीरता से जरूरत है। मैं इसे v4 के लिए एक प्लगइन के रूप में बना सकता हूं, लेकिन कौन कभी इसका परीक्षण करेगा और पुष्टि करेगा कि यह काम करता है? और v5 अल्फा स्टेज में है, इसलिए अगर मैं इसे वहां जोड़ूं तो कोई भी कई महीनों तक इसका इस्तेमाल नहीं करेगा।

ivanpopelyshev 16 सित॰ 2017

कोई खबर नहीं, लेकिन किसी ने पुष्टि नहीं की कि उन्हें इसकी गंभीरता से जरूरत है।

हुह? तुम्हारा मतलब है, हमारे अलावा?

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

दूसरों के लिए नहीं बोल सकता, लेकिन मैं इस सुविधा का बहुत उपयोग करूंगा

Friksel 16 सित॰ 2017

👍1

कृपया @GoodBoyDigital को ईमेल

ivanpopelyshev 16 सित॰ 2017

मुझे यह सुविधा चाहिए।

finscn 9 अक्तू॰ 2017

👍5

मुझे लगता है कि इसे v5 के लिए टैग करने का समय आ गया है।

finscn 14 दिस॰ 2017

👍3

क्या यह v4.x के लिए प्लगइन के रूप में उपलब्ध है? या मुझे इस सुविधा के लिए v5 की प्रतीक्षा करनी चाहिए?

sudhalucky 6 जून 2018

V5 निश्चित रूप से, नए सिस्टम के साथ इसे लागू करना अविश्वसनीय रूप से आसान होगा!
(बैचिंग के साथ!)

बुधवार, 6 जून, 2018 को सुबह 10:05 बजे सुधालकी नोटिफिकेशन @github.com ने लिखा:

क्या यह v4.x के लिए प्लगइन के रूप में उपलब्ध है? या मुझे इसके लिए v5 का इंतज़ार करना चाहिए
विशेषता?
-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/pixijs/pixi.js/issues/2243#issuecomment-394998933 ,
या थ्रेड को म्यूट करें
https://github.com/notifications/unsubscribe-auth/AC998nI2I61yvKnAEcwik_-jBCsiGUnvks5t55tigaJpZM4G0VPE
.
>

तकनीकी निदेशक

होम: www.goodboydigital.com
फोन: 020 8533 1177
पता: यूनिट बी 1, मैचमेकर्स घाट, होमर्टन रोड, लंदन, ई 9 5 एफएफ

GoodBoyDigital 6 जून 2018

❤2 👍2

मुझे यह सुविधा चाहिए

djmisterjon 6 जून 2018

यह प्लगइन बहुभुज पैकिंग का समर्थन करता है: https://github.com/gameofbombs/pixi-heaven

PIXI.heaven.Sprite उपयोग करें

ivanpopelyshev 29 जून 2018

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

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

बहुभुज पैकिंग के साथ हम स्प्राइटशीट को बहुत छोटा बना सकते हैं, जैसे यह सरलीकृत उदाहरण (हर अलग रंग एक अलग स्प्राइट है):
polygon packing
आप यहां देख सकते हैं कि बड़ा गोल आकार अब छोटे आकार को पारदर्शी छेद भरने की अनुमति देता है जो आम तौर पर केवल बड़ी लापता जगह होती है। और दाईं ओर आप देखते हैं कि दो त्रिभुज एक ही स्थान का उपयोग कर सकते हैं जिसके परिणामस्वरूप उपयोग किए गए स्थान में 50% की कमी होती है।
सामान्य स्प्राइटशीट के साथ यह एक बहुत बड़ी स्प्राइटशीट में परिणत होगा, जहां सभी छवियों को पूर्ण आयतों की आवश्यकता होती है, हालांकि वे बड़े क्षेत्रों के लिए पारदर्शी होते हैं जिसके परिणामस्वरूप बहुत बड़ी स्प्राइटशीट होती है और लोड होने में अधिक समय लगता है।

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

बहुभुज पैकिंग के साथ बड़े प्रदर्शन में वृद्धि के बारे में Texturepacker वेबसाइट पर एक लेख भी है:
https://www.codeandweb.com/texturepacker/tutorials/cocos2d-x-performance-optimization

और वे एक और वास्तविक दुनिया उदाहरण प्रदान करते हैं जहां यह बहुत उपयोगी और बहुत ही कुशल है:
tp-screenshot-2652

तो निष्कर्ष निकालना; मुझे यकीन नहीं है कि PIXI.heaven.Sprite इसके लिए एक समाधान है और मुझे उम्मीद है कि प्रदर्शन में वृद्धि होगी, गिरावट नहीं।

Friksel 2 जुल॰ 2018

👍1

इस सुविधा के लिए +1

kane-mason 19 फ़र॰ 2019

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

stale[bot] 20 मई 2019

मुझे यहां कुछ +1 दिखाई दे रहे हैं और 6 जून 2018 को @GoodBoyDigital ने लिखा:
"V5 निश्चित रूप से, नई प्रणालियों के साथ इसे लागू करना अविश्वसनीय रूप से आसान होगा!
(बैचिंग के साथ!)"

अब हम पढ़ते हैं 'रिज़ॉल्यूशन: विल नॉट फिक्स' लेबल पुराने बॉट द्वारा जोड़ा गया है और समस्या (स्वचालित रूप से) बंद हो गई है। पहले हमें बताया गया था कि इन 'बॉट्स' को नमक के दाने के साथ लिया जाना है, इसलिए मुझे यकीन नहीं है:

यह सुविधा अभी भी बहुत स्वागत योग्य है। क्या यह अभी भी v5 के लिए पाइपलाइन में है?

Friksel 5 जून 2019

मुझे लगता है कि @CodeAndWeb को पहले पिक्सीज फ्रेमवर्क के लिए टेक्सचरपैकर में पॉलीगॉन को सक्षम करने की आवश्यकता है।
यह अक्षम लगता है।

djmisterjon 5 जून 2019

आप इसे आज़माने के लिए "JSON (हैश)" प्रारूप का उपयोग कर सकते हैं - यह पॉलीगॉन पैकर को सक्षम करता है लेकिन कुछ PixiJS विशिष्ट चीजों (एनिमेशन डिटेक्शन) को अक्षम करता है। शेष प्रारूप समान है।

प्रत्येक स्प्राइट को 3 अतिरिक्त प्रविष्टियाँ मिलती हैं:

"vertices": [ [147,74], [194,68], [204,200], [153,266], [56,267], [15,220], [1,180], [11,72], [64,70], [66,3], [132,1] ],
"verticesUV": [ [194,901], [200,948], [68,958], [2,907], [1,810], [48,769], [88,755], [196,765], [198,818], [265,820], [267,886] ],
"triangles": [ [8,9,10], [6,7,8], [5,0,2], [6,0,5], [5,3,4], [6,8,0], [0,1,2], [5,2,3], [0,8,10] ]

स्प्राइट समन्वय प्रणाली में कोने बिंदु हैं
verticesUV बनावट एटलस में शीर्ष हैं
त्रिभुज वे

CodeAndWeb 6 जून 2019

👍2

@djmisterjon बनावट में आउटपुट के लिए टेम्पलेट को स्वयं बदलना या आउटपुट के लिए अपना स्वयं का कस्टम टेम्पलेट बनाना भी मुश्किल नहीं है (जो वास्तव में बहुत बढ़िया है!):
https://www.codeandweb.com/texturepacker/documentation/custom-exporter

Friksel 6 जून 2019

👍1

@Friksel दिलचस्प, सुझावों के लिए धन्यवाद, यह कई कस्टम सिस्टम के लिए बहुत उपयोगी हो सकता है।

djmisterjon 6 जून 2019

👍1

नमस्ते, क्या PixiV5 में इसके लिए कोई समर्थन है? अगर कोई ऐसा नहीं है तो शायद इसे लागू करने के लिए Pixiv5 से किस सुविधा का उपयोग करना है, इस पर प्रकाश डाला जा सकता है? मेरी परियोजना के लिए इसे लागू करने में रुचि हो सकती है।

cloudmark 25 अग॰ 2020

👍2

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Pixi.js: बहुभुज पैकिंग

सबसे उपयोगी टिप्पणी

सभी 33 टिप्पणियाँ

>

संबंधित मुद्दों