Three.js: फ़ीचर के लिए अनुरोध: स्क्रीन स्पेस रिफ्लेक्शंस

यहां मेरी एकमात्र चिंता यह है कि यह स्टीरियो रेंडरिंग के साथ वास्तव में अच्छी तरह से काम नहीं करता है, इसलिए वेबवीआर में यह कठिन होगा, लेकिन कृपया यह न सोचें कि मैं इस सुविधा के खिलाफ हूं :): +1:

बस इसे VR में बंद कर दें। बहुत सारे महंगे प्रभाव VR में ठीक से काम नहीं करते हैं। UE4 गति उद्देश्यों के लिए VR संदर्भ में स्थगित करने के बजाय आगे प्रतिपादन के साथ जाने का भी सुझाव देता है।

यही कारण है कि मैं इसके खिलाफ नहीं हूं।

रिफ्लेक्शन मैपिंग के रिएक्ट नेटिव कार्यान्वयन पर काम करते हुए मैं यहां पर ठोकर खाई, गैर-वीआर गेम के लिए स्क्रीन स्पेस प्रतिबिंब बहुत अच्छे हैं।

THREE.Reflector VR में काम करता है ️
https://threejs.org/examples/webvr_sandbox.html

अच्छा!

हालाँकि नाइटली पर भी मुझे "VR Not found" मिलता है, लेकिन मैं इसे देख लूंगा।

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

मैं किताब के पन्नों पर खत्म हो गया हूं इसलिए मैं शायद मौजूदा डेमो को वैसे ही छोड़ दूंगा, लेकिन यह एक बेहतरीन तकनीक की तरह दिखता है।

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

https://gkjohnson.github.io/threejs-sandbox/screenSpaceReflectionsPass/

आगे करने के लिए कुछ चीजें घबराने वाली कलाकृतियों, चमकदार प्रतिबिंबों (एक ब्लर पास या एमआईपी मैप सैंपलिंग + डेप्थ मैप पिरामिड के साथ) और टेम्पोरल रिप्रोजेक्शन के माध्यम से कई बाउंस को साफ करना होगा।

अगर किसी को वास्तव में इस प्रभाव का उपयोग करने में दिलचस्पी है, तो मुझे इसे थोड़ा और बेहतर बनाने के लिए किसी के साथ काम करने में खुशी होगी!

@gkjohnson स्वीट। हालाँकि, आपका दृश्य बहुत जटिल हो सकता है। किसी भी घटना में, आपका डेमो काफी हद तक अनुत्तरदायी प्रतीत होता है। क्या आप एक आसान उदाहरण बना सकते हैं? इसके अलावा, ऑन-ऑफ टॉगल अच्छा होगा।

@WestLangley

आपका डेमो काफी हद तक अनुत्तरदायी प्रतीत होता है

क्या आप डेमो देख पा रहे हैं? स्क्रीन कुछ सेकंड के लिए काली हो सकती है क्योंकि आपके कनेक्शन के आधार पर स्पोंज़ा दृश्य को डाउनलोड होने में थोड़ा समय लगेगा।

अगर यह बिल्कुल भी काम नहीं कर रहा है तो मैं कुछ आसान बनाने पर एक नज़र डाल सकता हूं -- यह मेरे Pixel 2 पर काम करता है, हालांकि

एक ऑन-ऑफ टॉगल अच्छा होगा।

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

@gkjohnson समझ गया। मेरे मैक पर, आपका डेमो थोड़ी देर के लिए काला है, और फिर फ्रेम दर 4 है।

@WestLangley यह एक बहुत ही रिज़ॉल्यूशन-निर्भर प्रभाव है, इसलिए यदि आप अपनी विंडो को छोटा बनाते हैं तो

@gkjohnson आप इसे केवल परावर्तक सतहों पर कैसे मुखौटा करेंगे? अगर मैं तीव्रता को क्रैंक करता हूं तो सब कुछ प्रतिबिंबित होना शुरू हो जाता है और कुछ सुंदर झटकेदार कलाकृतियां होती हैं।

@bicubic फिलहाल किसी भी सतह की विशेषताओं को ध्यान में नहीं रखा जा रहा है, लेकिन इसका मूल संस्करण जोड़ना बहुत कठिन नहीं होना चाहिए। आप सामग्री के स्पेक्युलर/खुरदरापन विशेषता के आधार पर प्रभाव को फीका या धुंधला कर सकते हैं।

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

आप सामग्री के स्पेक्युलर/खुरदरापन विशेषता के आधार पर प्रभाव को फीका या धुंधला कर सकते हैं।

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

@looeee मैं सहमत हूं कि मैं यही कह रहा हूं - क्षमा करें अगर मैं अस्पष्ट था। भौतिक विशेषताओं को एक लक्ष्य पर लिखा जाना चाहिए ताकि उन्हें स्क्रीन स्पेस में नमूना लिया जा सके और दिए गए पिक्सेल पर प्रतिबिंबों को फीका या धुंधला करने के लिए उपयोग किया जा सके। यह खुरदरेपन के नक्शे आदि को प्रतिबिंबों को भी प्रभावित करने की अनुमति देगा।

मुझे यह देखना अच्छा लगेगा कि यह तीन.जेएस डिफ़ॉल्ट क्षमताओं का हिस्सा बन गया है।

इस तरह की बहुत सी चीजें हैं जो आपको आश्चर्यचकित करती हैं कि क्या एक स्थगित रेंडरर आर्किटेक्चर भी डिफ़ॉल्ट पेशकश का हिस्सा बनना चाहिए। विशेष रूप से webgl2.0 . के लिए

@gkjohnson मिल गया, यह समझ में आता है। हालाँकि, ऐसा अभी भी लगता है कि कलाकृतियों को रोकने के लिए किसी प्रकार का मुखौटा आवश्यक हो सकता है। आपके उदाहरण में, आप पर्दे और पौधों पर शून्य प्रतिबिंब चाहते हैं। क्या उन सामग्रियों के गुणों के आधार पर शून्य पर लुप्त होना सही ढंग से काम करेगा?

@bicubic
मैं सहमत हूं कि मैं वास्तव में एक समर्पित आस्थगित प्रतिपादन पथ भी देखना चाहता हूं। WebGL2 और कई रेंडर टेक्सचर के साथ यह बहुत अधिक व्यवहार्य है।

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

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

1 का एक खुरदरापन मान जिसका अर्थ है "इस पिक्सेल पर कोई प्रतिबिंब नहीं प्रस्तुत करें" और 0 का मान "इस पिक्सेल पर पूर्ण प्रतिबिंब प्रस्तुत करें"।

ऐसा लगता है कि यह अच्छा काम कर सकता है। अवास्तविक "अधिकतम खुरदरापन" पैरामीटर का उपयोग करता है और इसे 0.8 पर सेट करने की अनुशंसा करता है।

उफ़

@gkjohnson
यह बहुत दिलचस्प है और मुझे आपका परिणाम पसंद है, मैं इसे अभी एक WebGL2/MRT रेंडरर में एकीकृत कर रहा हूं और इसके साथ प्रयोग करूंगा। क्या आपने देखा कि आप प्रत्येक रेंडर कॉल में एक सामग्री बनाते हैं?
this.scene.overrideMaterial = this.createPackedMaterial();

@Fyrestar धन्यवाद! और मैंने उस पर ध्यान नहीं दिया था! लेकिन जैसा मैंने कहा, मुझे लगता है कि अभी भी कुछ सफाई करनी बाकी है और प्रदर्शन शायद उस बिंदु पर नहीं है जहां यह सुपर उपयोग योग्य है, फिर भी।

इस प्रकार के प्रभाव आगे की तुलना में स्थगित रेंडरर के लिए वास्तव में अधिक उपयुक्त हैं, वैसे भी (संभवतः जैसे आप काम कर रहे हैं)। मैं इसे और कुछ अन्य उच्च गुणवत्ता वाले प्रभावों को एक साथ रखना चाहता हूं, लेकिन मैं इसमें और अधिक समय लगाने से पहले एक उचित स्थगित रेंडरर उपलब्ध होने तक प्रतीक्षा करने के इच्छुक हूं। क्या आप जिस आस्थगित / एमआरटी रेंडरर पर काम कर रहे हैं वह जीथब पर उपलब्ध है?

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

धुंधला उस त्रुटि को भी दूर करता है जो दूरी में मजबूत हो जाती है। एक मुद्दा अभी तक फिर से पारदर्शिता प्रतीत होता है और वस्तुओं को आंशिक रूप से दूसरों को कवर करने के कारण दूसरों के प्रतिबिंब को क्लिप करने का कारण बनता है। मुझे वास्तव में तकनीक के बारे में और पढ़ने की जरूरत है।

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

@फायरस्टार
अरे के बारे में कोई खबर?

मैंने अपना खुद का लिखा और तीन.जेएस का पीआर बनाया , लेकिन अब सिर्फ ऑर्थोग्राफिक कैमरा का समर्थन करने की कोशिश कर रहा हूं।
डेमो डेमो 2

पर्सपेक्टिव कैमरा सपोर्ट अब ठीक है। https://github.com/mrdoob/three.js/pull/20156

डेमो

यह सुंदर और काफी उपलब्धि है। यह मेरी मशीन पर बहुत धीमा है - मुझे 1920x1080 पर 5fps मिलता है। आपके कार्यान्वयन और स्केचफैब के बीच क्या अंतर है? मुझे संदेह है कि अगर हम अलग-अलग जानते हैं तो हम जानेंगे कि आपका अनुकूलन कैसे किया जाए ....

@भूस्टन धन्यवाद!

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

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

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

@gonnavis उस उदाहरण के लिए शेडर कोड Spector.js क्रोम एक्सटेंशन के माध्यम से देखने योग्य होना चाहिए।

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

यह सुनिश्चित करता है कि एक इंटरैक्टिव फ्रैमरेट है, लेकिन यह स्थिर होने पर परिपूर्ण करने के लिए परिशोधित करता है।

नकारात्मक पक्ष यह है कि जब कैमरा हिलना बंद कर देता है और गुणवत्ता का स्तर बदल जाता है तो एक उल्लेखनीय उछाल आता है। यह कुछ दृश्यों में दूसरों की तुलना में अधिक स्पष्ट है। यहाँ एक है जहाँ यह बहुत स्पष्ट है।

संपादित करें: वे इसे केवल प्रतिबिंबों से अधिक के साथ करते हैं - ऐसा लगता है जैसे रोशनी, छाया, प्रतिबिंब, और शायद बनावट संकल्पों को उत्तरोत्तर बढ़ाया जाता है। इस दृश्य की पिछली दीवार पर प्रकाश/छाया देखें।

जब मैं ऊपर SSRR के साथ प्रयोग कर रहा था तो मैंने यहाँ पर मॉर्गन मैकगुइरे के लेख दिया , जो कुछ तकनीकों की व्याख्या करता है जो ऐसा लगता है कि Sketchfab उपयोग कर रहा होगा।

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

मैंने कम रिज़ॉल्यूशन रेमार्च की गहराई और सामान्य-जागरूक अपस्केल के साथ भी प्रयोग किया, लेकिन मैं कभी भी उस बिंदु पर नहीं पहुंचा, जहां मैं इसके दिखने के तरीके से खुश था। मुझे लगता है कि खेलों में यह तकनीक इस तथ्य से काफी लाभ उठा सकती है कि उपलब्ध संकल्प अक्सर दो से विभाज्य होते हैं, जो एक अपस्केल को सरल बनाता है।

मैं उत्सुक हूं कि स्केचफैब प्रतिबिंब दूरी के आधार पर धुंधला होने वाले मोटे प्रतिबिंबों को कैसे संभाल रहा है, हालांकि। मैंने देखा है कि गोडोट इंजन किरण दूरी और सतह खुरदरापन के आधार पर एक त्रिज्या के बाद धुंधला करता है लेकिन इसके परिणामस्वरूप कलाकृतियों में मुझे ऐसा नहीं लगता कि मैं यहां देख रहा हूं। जब मेरे पास मौका होगा तो मुझे Spector.js के साथ घूमना होगा (टिप @WestLangley के लिए धन्यवाद!)। फ्रॉस्टबाइट पेपर @bhouston ने शुरुआत में रे मार्चिंग करते समय एक गहराई पिरामिड का उपयोग करने का सुझाव दिया था, लेकिन इसे उत्पन्न करना webgl1 (और शायद 2?) में दर्द हो सकता है।

यह अच्छा लग रहा है @gonnavis! यह देखकर खुशी हुई कि इसे पुस्तकालय में जगह मिल सकती है।

@WestLangley धन्यवाद! लेकिन जब मैं स्केचफैब पर स्पेक्टर.जेएस का उपयोग करता हूं, तो मुझे "ग्लो कमांड के साथ कोई फ्रेम नहीं मिला। कैमरा ले जाने का प्रयास करें।" त्रुटि।

मुझे संदेह है कि SSRPass के अनुकूलित होने के बाद, जैसा कि मैंने पहले कहा था, स्केचफैब का प्रदर्शन अभी भी महत्वपूर्ण रूप से आगे बढ़ेगा। विशेष रूप से निरंतर प्रतिपादन के मामले में और कोई डाउनग्रेड रणनीति नहीं है जैसा कि @bhouston @looeee ने उल्लेख किया है। मुझे यह भी लगता है कि यदि कार्यान्वयन विवरण के बारे में बात नहीं की जाती है, तो इस SSRPass की मूल अवधारणा पहले से ही इष्टतम समाधान हो सकती है।

@gkjohnson आपकी जानकारी और समर्थन के लिए धन्यवाद! मैं सुधार करता रहूंगा।

@gonnavis

मैं सफारी के ग्राफिक्स टैब की सलाह देता हूं:

यदि आप लिनक्स का उपयोग करते हैं तो आप एपिफेनी (उर्फ जीनोम वेब) का उपयोग कर सकते हैं:
https://webkit.org/downloads/

मुझे नहीं लगता कि विंडोज़ के लिए कोई वेबकिट बिल्ड है हालांकि ...

@mrdoob धन्यवाद! हालाँकि मैं मुख्य रूप से विंडोज़ का उपयोग करता हूँ, लेकिन यदि आवश्यक हो तो मैं मैक पर कोशिश करूँगा।

लेकिन मैं सोच रहा हूं कि क्या स्केचफैब के कोड को ओपन सोर्स लाइब्रेरी में अपलोड करने की अनुमति है, अगर कोई उपयोगी सामान जैसे कि glsl फ़ंक्शन मिल जाए?

यह SSRPass की संरचना के आधार पर है SSAOPass Three.js , और डेमो दृश्य का उपयोग करता है webgl_shading_physical उदाहरण Three.js , कुंजी pointToLineDistance समारोह से आता है wolfram.com , और दूसरों को मुख्य रूप से अपने खुद के द्वारा लिखा (बेशक अन्य पिछले अनुभव का एक बहुत पर आधारित है, विशेष रूप से अन्य तीन.जेएस उदाहरण)। मुझे लगता है कि इन सब में कोई समस्या नहीं है, लेकिन क्या यह स्केचफैब के कोड का एक ही मामला है?

धन्यवाद! लेकिन जब मैं स्केचफैब पर स्पेक्टर.जेएस का उपयोग करता हूं, तो मुझे "ग्लो कमांड के साथ कोई फ्रेम नहीं मिला। कैमरा ले जाने का प्रयास करें।" त्रुटि।

कैमरे को ज़ूम करने के लिए माउस को स्क्रॉल करें। यह स्पेक्टर को ट्रिगर करने के लिए पर्याप्त होना चाहिए।

साथ ही, अपने उदाहरण में एक स्थिर दृश्य का उपयोग करें जिसके लिए रेंडर लूप की आवश्यकता नहीं है। वर्तमान में, फ्रेम दर स्वीकार्य होने के लिए बहुत कम है।

@WestLangley इस दृश्य में सफल रहा, धन्यवाद!

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

मंगलवार, 25 अगस्त, 2020 को सुबह 6:21 बजे विज़ नोटिफिकेशन @github.com ने लिखा:

@WestLangley https://github.com/WestLangley इस दृश्य में सफल रहा
https://sketchfab.com/3d-models/iron-man-helmet-captain-america-shield-endgame-02556e341dd84fa5b9ef92c5eeeb3287 ,
धन्यवाद!

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/mrdoob/three.js/issues/8248#issuecomment-679939119 ,
या सदस्यता समाप्त करें
https://github.com/notifications/unsubscribe-auth/AAEPV7OEK245U5EF35YTZQDSCOGBPANCNFSM4B4V62SQ
.

--
बेन ह्यूस्टन , सीटीओ
एम : +1-613-762-4113
[email protected]
ओटावा, कनाडा
थ्रीकिट विज़ुअलाइज़ेशन प्लेटफ़ॉर्म: 3D, 2D, AR, VR
http://https//threekit.com/

@bhouston ठीक है, यदि आवश्यक हो तो केवल संदर्भ के लिए।

मुझे अक्सर यह भी लगता है कि, कुछ प्रेरणा प्राप्त करने के बाद, अन्य लोगों के पेपर को देखते रहें और कोड खुद को लिखने से ज्यादा कठिन है, खासकर जब अलग वातावरण में।

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

कुछ डेमो जोड़ें।

डेमो, demo2, Demo3, SelectiveDemo, OrthographicDemo।

@gonnavis से प्रेरित होकर मैं अंततः कुछ साल पहले पोस्ट किए गए SSR कार्यान्वयन में कुछ नई चीजों को आज़माने के लिए तैयार हो गया, इसलिए मैंने सोचा कि मैं यहाँ साझा करूँगा। मेरे पास वास्तविक परियोजना में इसका उपयोग करने की कोई योजना नहीं है, इसलिए इसे अनुकूलित नहीं किया गया है और इस बिंदु पर और यह विभिन्न एसएसआर सुविधाओं का ढेर बन गया है, लेकिन मैंने जो कुछ भी चाहा है, उसे मैंने सीखा है इसलिए मैं इसे कॉल करने जा रहा हूं " किया" अभी के लिए। हालांकि, शायद कुछ चीजें हैं जो दूसरे ले सकते हैं। अभी भी ऐसी चीजें हैं जो मुझे पता है कि जोड़ा या सुधारा जा सकता है, लेकिन हो सकता है कि अगर मैं इसे कभी वापस लेता हूं तो मैं चीजों को सरल बनाने के लिए WebGL2 में कुछ सुविधाओं का लाभ उठाऊंगा।

नई सुविधाओं में से कुछ:

• ब्लू नॉइज़ रे जिटर के लिए सपोर्ट ताकि चौराहा पैटर्न कम नियमित हो।
• विस्तार को संरक्षित करने के लिए कम रिज़ॉल्यूशन मार्च बनावट से गहराई और सामान्य-भारित अपस्केल/धुंधलापन।
• घबराए हुए नमूनों और मिपमैप्स के साथ चमकदार प्रतिबिंबों को प्रस्तुत करने के लिए दो-चार दृष्टिकोण।
• सामान्य मानचित्रों और अल्फा मानचित्रों के लिए समर्थन।

यह एक बहुत ही गहन प्रभाव है, लेकिन मुझे लगता है कि प्रतिबिंब अपस्केलिंग, ब्लर, जिटर और लो स्टेप काउंट के मिश्रण के साथ आप कुछ ऐसा कर सकते हैं जो विशेष रूप से पूर्ण विंडो ऐप्स के बजाय छोटे एम्बेडेड कैनवस के साथ अच्छी तरह से काम करता है। https://github.com/mrdoob/three.js/issues/14048 में चर्चा की गई कई फ़्रेमों पर अंतिम छवि को हल करके आप शायद अच्छे चमकदार प्रतिबिंब भी प्राप्त कर सकते हैं। बेशक, जैसा कि कहीं और उल्लेख किया गया है, प्रतिबिंब अभी भी फैलाने के लिए अलग-अलग पास के बिना वास्तव में सही नहीं होंगे और क्या नहीं, लेकिन सुधार करने के लिए हमेशा कुछ और होता है।

यहां कुछ स्क्रीनशॉट दिए गए हैं जिनमें चरण संख्या अधिक है:

| कोई चमक नहीं | बहु नमूना चमक | गहराई पदानुक्रम चमक |
|---|---|---|
| | | |

और यहाँ डेमो है:

https://gkjohnson.github.io/threejs-sandbox/screenSpaceReflectionsPass/

सिग्ग्राफ 2015 में "स्टोकेस्टिक स्क्रीन-स्पेस रिफ्लेक्शंस" के बारे में एक स्लाइड है जिसमें आपकी रुचि हो सकती है: http://advances.realtimerendering.com/s2015/index.html