मैं अपने पिक्सेल (1) पर ग्लिच की पुष्टि कर सकता हूं। हालाँकि, कलाकृतियाँ तब लगती हैं जब KHR_materials_pbrSpecularGlossiness का उपयोग किया जाता है।

18042 ने ज्यामितीय एंटी-अलियासिंग की शुरुआत की। हालाँकि, GLTFLoader , lights_physical_fragment shader के कोड को निम्नलिखित के साथ बदल देता है:

https://github.com/mrdoob/three.js/blob/3ba0553208cfc9113152f5f39b4036a448cf3f25/examples/js/loaders/GLTFLoader.js#L683 -L688

@toji क्या आप उपरोक्त कोड को बदलकर अपने ऐप के GLTFLoader कॉपी को संशोधित कर सकते हैं:

var lightPhysicalFragmentChunk = [
    'PhysicalMaterial material;',
    'material.diffuseColor = diffuseColor.rgb;',
    'vec3 dxy = max( abs( dFdx( geometryNormal ) ), abs( dFdy( geometryNormal ) ) );',
    'float geometryRoughness = max( max( dxy.x, dxy.y ), dxy.z );',

    'material.specularRoughness = max( 1.0 - glossinessFactor, 0.0525 );// 0.0525 corresponds to the base mip of a 256 cubemap.',
    'material.specularRoughness += geometryRoughness;',
    'material.specularRoughness = min( material.specularRoughness, 1.0 );',
    'material.specularColor = specularFactor.rgb;',
].join( '\n' );

@ लिलिश भले ही यह पैच समस्या को हल नहीं करता है, हमें इसे किसी भी मामले में GLTFLoader में जोड़ना चाहिए, है ना?

@ मुगें87 हां, निश्चित रूप से। मैं देखूंगा कि क्या मैं अपने Pixel 3 पर भी रिप्रो कर सकता हूं।

@toji मैं एंड्रॉइड 10 के साथ अपने पिक्सेल 3 पर सभी पिक्सेल नहीं है ...

ड्राइवर बग? मुझे यकीन नहीं है कि कौन सी लाइन इसे ट्रिगर कर रही है। जियोमेट्रिक एंटी-अलियासिंग की मौजूदगी / अनुपस्थिति उस प्रकार की कलाकृतियों को नहीं बना पाएगी, मुझे पूरा यकीन है।

@toji मैं भी सिर्फ अपने समर्पित गंदे परीक्षक फोन की कोशिश की (एक अल्काटेल जो लक्ष्य से $ 30 है)। मुझे बैंडिंग कलाकृतियां नहीं मिलीं, हालांकि मैंने देखा कि आसमान काला है। इत्र के रूप में: यह बिल्कुल मक्खन नहीं है, लेकिन यह बुरा नहीं है। ईमानदारी से कि 3 डी दृश्य इस फोन पर 2 डी कीबोर्ड यूआई से बेहतर प्रतिक्रिया करता है। जाओ पता लगाओ।

उह, वास्तव में काले आकाश का अर्थ है कि पीएमआरईएम पीढ़ी पूरी तरह से विफल रही है, और यह इस अजीब बग और वर्कअराउंड के कारण है: हमने पाया: https://github.com/GoogleWebCompords/model-viewer/pull/920। मैं इसे r112 में लाना चाहता था, लेकिन यह मेरे द्वारा फिसल गया। हालांकि ओपी के बग से असंबद्ध है।

मैंने Chrome और फ़ायरफ़ॉक्स दोनों में अपने OnePlus 5T पर ओपी की त्रुटि को पुन: पेश किया।

धन्यवाद! पैच को GLTFLoader और देखा कि बैंडिंग कलाकृतियों को कम किया गया था, लेकिन समाप्त नहीं किया गया।

पैच से पहले:

टुकड़े के बाद:

मूल रूप से, ऐसा लगता है कि यह एक बैंड को तय करता है। :

यदि आप परीक्षण करना चाहते हैं, तो किसी भी अन्य परिवर्तन में खुश होना, या आप स्थानीय स्तर पर इसका परीक्षण करना चाहते हैं, तो आप https://github.com/toji/xr-dinosaurs देख सकते हैं। (किसी भी सर्वर घटक की आवश्यकता नहीं है।)

इत्र के रूप में: यह बिल्कुल मक्खन नहीं है, लेकिन यह बुरा नहीं है।

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

सिडेनोट: Scene.environment वर्तमान में काम नहीं करता है जब GLTFLoader लोड करता है, जब से MeshStandardMaterial लिए रेंडरर चेक के बाद से सट्टेबाजों / चमक सामग्री का उपयोग करते हैं।

https://github.com/mrdoob/three.js/blob/dd81aad5513d66e35e51f3a3b42555bc8aef5cbc/src/renderers-WebGLRenderer.js#L1633

हालांकि, GLTFLoader प्रत्येक सट्टेबाज / चमक सामग्री के लिए ShaderMaterial बनाता है। टी-रेक्स मॉडल ^ ^ के साथ परीक्षण करते समय आज यह एहसास हुआ। खैर, # 14099 को पूरा करने का एक और कारण।

जब पर्यावरण मानचित्र का उपयोग नहीं किया जाता है तो मैं बैंडिंग कलाकृतियों को पुन: पेश नहीं कर सकता। एक पिक्सेल की तरह सब कुछ अच्छा लगता है (1) परिवेश और बिंदु प्रकाश की तरह एक साधारण प्रकाश व्यवस्था सेटअप के साथ।

उम, पर्यावरण मानचित्र का उपयोग करके भौतिक सामग्रियों के साथ अधिक समस्याएँ प्रतीत होती हैं। एक पिक्सेल 1, एंड्रॉइड 10 पर निम्नलिखित उदाहरण कैसे देखें।

https://threejs.org/examples/webgl_materials_envmaps_exr

https://threejs.org/examples/webgl_materials_physical_clearcoat

https://threejs.org/examples/webgl_materials_envmaps_hdr

मैं अपने iMac पर इन कलाकृतियों को पुन: पेश नहीं कर सकता।

मेरी मशीन पर कुछ बहुत अजीब हो रहा है, मैं इन कलाकृतियों को सभी उदाहरणों पर पुन: पेश करने में सक्षम हूं जो नए PMREMGenerator । लेकिन केवल उन्हें स्थानीय रूप से चलाने पर; उन्हें ऑनलाइन देखने पर (तीनjs.org पेज से) वे सभी सही दिखाई देते हैं।

मैंने कभी इस तरह के मुद्दे का अनुभव नहीं किया है और मैं पूरी तरह से इसके कारणों के रूप में खो गया हूं।

मैं GeForce GTX 750 TI के साथ विंडोज 10 चला रहा हूं, इसलिए मुझे नहीं लगता कि यह एक डिवाइस-विशिष्ट मुद्दा है।

लेकिन केवल उन्हें स्थानीय रूप से चलाने पर; उन्हें ऑनलाइन देखने पर (तीनjs.org पेज से) वे सभी सही दिखाई देते हैं।

ज्ञात हो कि dev संस्करण में परिवर्तन हुए हैं जो अभी तक prod नहीं हैं। क्या आप वर्तमान master शाखा की जांच कर सकते हैं और फिर स्थानीय परीक्षण कर सकते हैं?

क्या आप कृपया वर्तमान मास्टर शाखा की जांच कर सकते हैं और फिर एक स्थानीय परीक्षण कर सकते हैं?

पहली बात मैंने इस व्यवहार को नोटिस करने के बाद कोशिश की है, वही परिणाम। वास्तव में उत्सुक।

क्या आप गुप्त खिड़कियों के साथ परीक्षण कर सकते हैं? कभी-कभी सामान कैश्ड हो सकता है या ब्राउज़र एक्सटेंशन हस्तक्षेप करते हैं जो वास्तव में भ्रमित हो सकता है

गुप्त, एक ही परिणाम के साथ की कोशिश की :(

मुझे विश्वास है कि मुझे पता है कि यह बैंडिंग थियो क्यों हो रही है।
एमआईपी पीढ़ी के दौरान, मेरा स्थानीय (गलत) संस्करण एक ब्लैक बैंड बना रहा है जो लाइव संस्करण पर मौजूद नहीं है।

यह निचले स्तर के साथ-साथ निचले स्तर तक दोहराया जाता है।

यह कुछ गलत समन्वयन नमूने के कारण हो रहा है, मैंने अनिसोट्रोपिक फ़िल्टरिंग को मैन्युअल रूप से अक्षम करने के साथ प्रयोग किया है, लेकिन समस्या बनी हुई है। यह वास्तव में क्या हो रहा है, पिन-पॉइंट करना मुश्किल है, खासकर क्योंकि मैं अपने सिर को चारों ओर लपेट नहीं सकता, क्यों यह एक ही मशीन पर दो अलग-अलग व्यवहार प्रस्तुत करता है।

@ कई उदाहरणों पर कुछ परीक्षण चलाने के बाद, मैं इन कलाकृतियों का वास्तविक कारण PMREMGenerator devicePixelRatio संभाल रहा है।

नाममात्र फ्लोटिंग पॉइंट pixelRatio उपकरणों पर हम उत्पन्न बनावट पर "खराब" mipmap निर्देशांक प्राप्त कर रहे हैं। तो छोटे अंतराल और अतिव्यापी क्षेत्र हैं। मुझे यह भी पता चला कि अगर मेरी मशीन स्थानीय रूप से (0.899 ..) या ऑनलाइन (1) उदाहरण देख रही है तो devicePixelRatios और इसीलिए मैं केवल स्थानीय स्तर पर इन कलाकृतियों का अनुभव कर रहा था।

मैंने setPixelRatio को अक्षम करके एक साधारण परीक्षण सेटअप किया है और यह समस्या को हल करने के लिए लगता है, यदि यह दूसरों के लिए मामला है, तो PMREMGenerator जिस तरह से इसे संभाल रहा है, उसे फिर से भरना सबसे अच्छा होगा।

@toji @ plut0nist मन इन कलाकृतियों को प्रस्तुत करने वाले उपकरणों पर निम्न उदाहरणों की जाँच कर रहा है?

DEV उदाहरण
टेस्ट उदाहरण

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

@ सिस्कोट : मेरे उपकरणों पर सत्यापित। DEV उदाहरण परीक्षण पर्यावरण मानचित्र में एक बहुत स्पष्ट काली रेखा प्रदर्शित करता है जबकि TEST उदाहरण नहीं करता है। बहुत बढ़िया डिबगिंग, धन्यवाद!

मैं बेहद उत्सुक था कि PMREMGenerator आवश्यकता devicePixelRatio लिए बिल्कुल भी क्यों न हो, इसलिए मैं खोदता चला गया। यह पता चला है क्योंकि renderer.setViewport() स्वचालित रूप से आपके द्वारा भेजे जाने वाले किसी भी मूल्य में डीपीआर का कारक होता है, जो यह महसूस करता है कि यह स्पष्ट रूप से डिफ़ॉल्ट फ्रेमबफ़र के अलावा अन्य लक्ष्यों को प्रस्तुत करने के लिए गलत व्यवहार है, जो सटीक पिक्सेल मानों के साथ आवंटित नहीं किए जाते हैं पिक्सेल अनुपात के लिए खाता बिल्कुल। मैं यहां "सही" व्यवहार सुझाता हूं कि आंतरिक रूप से rendere.setViewport() का उपयोग getTargetPixelRatio() rendere.setViewport() होना चाहिए, जो कि 1 रिटर्न देता है जब सक्रिय रेंडर टारगेट डिफ़ॉल्ट के अलावा कुछ और होता है। मैं निश्चित रूप से देख सकता हूं कि कैसे पीछे की ओर कम्पीट करने वाले मुद्दों को पेश कर सकता है, हालांकि।