Pixi.js: एक एसडीएफ फ़ॉन्ट हैंडलर बनाएं

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

हाय @englercj , @ivanpopelyshev ,

मैं वर्तमान में इसमें व्यस्त हूं क्योंकि मेरे पिछले वर्ष के अनुरोध https://github.com/pixijs/pixi.js/issues/1679 के बाद से कुछ भी नहीं बदला है।

तो योजना सामान्य बिंदु विशेषताओं के रूप में मेष और पास बिंदु निर्देशांक बनाने की है + बनावट यूवी के रूप में निर्देशांक करती है। इसे एक बार कैश की तुलना में शेडर पर प्रस्तुत करें।

कार्यान्वयन पर कोई सुझाव?

इवान, यकीन नहीं है कि मैं आपको आरजीबी के लिए सही ढंग से समझ गया हूं। क्या यह 3 गुना अधिक डेटा रखने के लिए एक प्रकार का संपीड़न होने का इरादा है?

@englercj @ivanpopelyshev मुझे इस पर अपने विचार बताएं

https://github.com/PixelsCommander/pixi-sdf-text

वर्तमान प्राथमिकता मल्टीलाइन रेंडरिंग और नियमित टेक्स्ट के साथ अधिकतम संगतता है।

PS @ivanpopelyshev ने पता लगाया कि RGB के लिए आपका क्या मतलब है। अगले अपडेट के लिए शेड्यूल किया गया।

आरजीबी - हाँ।

तुम्हारा ईमेल क्या है? मैं तुम्हें सुस्त में आमंत्रित करूंगा। कोई बात नहीं, मिल गया।

@finscn . द्वारा चिह्नित करें

@englercj @ivanpopelyshev @PixelsCommander इस सुविधा पर वर्तमान प्रगति क्या है? अगर हाल ही में इस पर कोई नहीं है, तो मैं काम लेने को तैयार हूं।
मैं msdf-bmfont-xml का लेखक हूं जो opentype.js और node-canvas की मदद से काम करता है। यह Starling-Frameworks पर अच्छा चलता है।
जब मैं हाल ही में Pixi.js पर अपने पैरों को गीला करता हूं, तो मैंने पाया कि एमएसडीएफ टेक्स्ट अभी लागू नहीं हुआ है, इसलिए मैंने बिना किसी अतिरिक्त निर्भरता और कुछ हैक के मल्टी-चैनल एसडीएफ को सक्षम करने के लिए महान प्लगइन pixi-sdf-text को बढ़ाया है। BitmapText और Loader में, नीचे मेरी वर्तमान प्रगति है:

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

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

@soimy पीआर को v5 ( next शाखा) में डालने का यह एक अच्छा समय है। स्वयंसेवा के लिए धन्यवाद।

टीटीएफ/ओटीएफ पार्स मॉड्यूल पर कुछ चर्चा की आवश्यकता है।
मैं पिक्सी कोर में रन-टाइम ट्रू-टाइप फ़ॉन्ट पार्सर की आवश्यकता के बारे में सोच रहा हूं। यह पार्सर कोड का कम से कम 60k+ लोड जोड़ देगा लेकिन ttf संसाधनों का लाभ समान नहीं लगता है। इस सुविधा को devDependencies के रूप में माना जाना चाहिए।

मुझे बताओ तुम क्या सोचते हो।
BTW: क्या कोई मुझे पिक्सी के स्लैक में आमंत्रित कर सकता है? स्लैक आईडी: [email protected]

अगर आपको इसमें मदद चाहिए तो आप मुझे पिंग कर सकते हैं।

मैंने वास्तव में सिर्फ एक वेब वेक्टर ड्राइंग टूल के लिए यह कोड लिखा है जो मैं बना रहा हूं। दुर्भाग्य से, मैंने जीडब्ल्यूटी में सब कुछ लिखा है, और मेरे पास वर्तमान में पिक्सी के लिए शुद्ध जावास्क्रिप्ट में सब कुछ फिर से लिखने के लिए चक्र नहीं हैं (शायद, जब Google अगले साल जेएस कंपाइलर को अपना जे 2 सीएल जावा जारी करता है, तो मैं इसे जेएस के लिए पुन: संकलित कर सकता हूं)।

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

मुख्य दोष फ़ॉन्ट आकार के साथ है। चीजों को ठीक से करने के लिए, आपको ttf फ़ॉन्ट फ़ाइलों को स्वयं पार्स करना होगा, लेकिन फिर आपको अपने गेम में एक ttf फ़ॉन्ट फ़ाइल को बंडल करना होगा। टीटीएफ फाइलें केवल अंग्रेजी-केवल फोंट के लिए 50 केबी या तो हैं, लेकिन वे यूरोपीय फोंट के लिए कई सौ केबी और गैर-यूरोपीय फोंट के लिए कई एमबी हो सकती हैं। इसलिए मुझे यकीन नहीं है कि वेब/मोबाइल गेम के लिए यह दृष्टिकोण कितना व्यावहारिक है।

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

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