Pixi.js: रेंडरर का रिज़ॉल्यूशन बदलना

सबसे अच्छा अस्थायी समाधान जो मैं साथ आया था, उसे रेंडरर को नष्ट करने और फिर से बनाने के लिए, ऑटोडेक्टेन्डेकर के नए प्रस्ताव को पारित करना। यह काम करता है लेकिन शायद इसे करने का सबसे कारगर तरीका नहीं है। साथ ही, रेंडरर को बार-बार नष्ट करने और फिर से बनाने के साथ शायद अभी भी एक मुद्दा है: # 2233

ऐसा लगता है कि ऐसा करने के लिए एक साधारण फ़ंक्शन कॉल होना चाहिए, जैसे कि रेंडरर.सेटऑस्क्यूलेशन, जो अतिरिक्त प्रसंस्करण और मृत संसाधनों की मात्रा को कम करता है।

हाय @jaspervaz! इस बारे में उत्सुक है कि इसके लिए आपका उपयोग-मामला क्या है?
चीयर्स!

हाँ यही है। मैं उस फ़ंक्शन को बाद में बनाऊंगा, लेकिन यह अभी के लिए काम कर सकता है:

renderer.resolution = 2;
renderer.rootRenderTarget.resolution = 2;
renderer.resize(w-1, h);
renderer.resize(w, h);

सभी फ़िल्टर परिणामों को अद्यतन करने के लिए मत भूलना।

और इंटरेक्शन प्लगइन रिज़ॉल्यूशन को भी अपडेट करना न भूलें

@jaspervaz

वास्तव में, ज़ूम बदलता है, यही मैं भी करना चाहता हूँ :)
अभी के लिए मान लें कि "रेंडरर.स्क्रीन" लॉजिकल कॉर्ड में स्क्रीन की आयत है, जबकि "रेंडरर.व्यू" कैनवास है और इस प्रकार चौड़ाई और ऊंचाई रिज़ॉल्यूशन से गुणा होती है।

दोनों रेंडरर्स के लिए यह काम करने के लिए इस तरह की जाँच करें:

if (renderer.rootRenderTarget) { renderer.rootRenderTarget.resolution = newResoultion; }

-
इसके अलावा, यह निम्नलिखित पंक्ति के बिना समान काम करता है, मुझे लगता है क्योंकि ज़ूमिंग रिज़ॉल्यूशन और विंडो आयाम दोनों को बदलता है, लेकिन शायद अन्य उपयोग के मामलों में इसकी आवश्यकता होती है:

renderer.resize(w-1, h);

हाँ मैं सहमत हूँ।

@ivanpopelyshev मैं स्क्रीन को स्केल करना चाहता हूं।
अपनी विधि का उपयोग करके कैनवास को धुंधला बना देगा।
मेरे विधि संकल्प का उपयोग करना 20 से अधिक नहीं हो सकता है

https://jsfiddle.net/starCoding/p49u34hd/8/

@starIncust 20 से अधिक रिज़ॉल्यूशन की आवश्यकता क्यों है? रिज़ॉल्यूशन स्केलिंग के बारे में नहीं है, इसका ब्राउज़र ज़ूम करता है। स्केल स्टेज ट्रांसफॉर्मेशन का हिस्सा है।

@ivanpopelyshev मैं रेंडरर को बड़ा करना चाहता हूं और टेक्स्ट और svg चित्रों को रखना संभव नहीं होगा

@ स्टारइन्स्टैस्ट मैंने स्केल और फॉन्ट साइज़ के मैनुअल एडजस्ट करके उस तरह के मुद्दों को हल किया।

नया समाधान भी है: एसडीएफ फोंट का उपयोग करें। https://github.com/PixelsCommander/pixi-sdf-text

@ivanpopelyshev svg के बारे में कैसे? मैं सिर्फ शांत एनीमेशन के साथ एक पाठ संपादक बनाना चाहता हूं, प्रिंट पूर्वावलोकन में ज़ूम इन और आउट कर सकते हैं, लेकिन टाइपिंग को प्रभावित नहीं करते हैं।
और क्या रिज़ॉल्यूशन आवर्धन के उपयोग से कोई समस्या है?

पिक्सी के लिए यह बहुत ही असामान्य उपयोग-मामला है। आपको "stage.scale" के माध्यम से ज़ूम बदलना होगा और केवल SVG और टेक्स्ट के रिज़ॉल्यूशन को समायोजित करना होगा, न कि पूरे रेंडरर के रिज़ॉल्यूशन को। आपके मामले में रेंडरर की स्क्रीन का आकार तय हो गया है, और जब आप रिज़ॉल्यूशन बदलते हैं, तो कैनवास आयाम बहुत बड़े होते जा रहे हैं, आप 16k x 16k पिक्सल का आकार मार रहे हैं!

मैंने पिक्सी में एसवीजी का उपयोग नहीं किया, इसलिए मुझे नहीं पता कि इसके लिए रिज़ॉल्यूशन को कैसे समायोजित किया जाए :)

बहुत बहुत धन्यवाद I शायद मुझे इस सवाल पर चर्चा करने के लिए एक मुद्दा खोलना चाहिए :(

यदि यह उत्तर लगता है तो इस मुद्दे को बंद करने के लिए जा रहा है, एक और सवाल पूछने के लिए स्वतंत्र महसूस करें!

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