Three.js: फेसबुक व्यूअर के साथ संगत जीएलटीएफएक्सपोर्टर जीएलबी

/पिंग @zellski

अरे! हाँ, वह आरजीबीए चेक दो सप्ताह में चला जाना चाहिए। इसके आसपास काम मत करो। :)

मैं WaltHead.obj को GLB में बदलने की कोशिश कर रहा हूँ। मैं इसे https://threejs.org/editor/ में लोड कर रहा हूं और इसे वहां से जीएलबी को निर्यात कर रहा हूं (जिसमें पहले से ही नवीनतम पैच होना चाहिए)।

यहाँ WaltHead.glb है और मुझे Facebook के सत्यापनकर्ता में यही मिल रहा है:

Your GLB File has the following errors: The 3D model could not be posted: The JSON portion of this model file is invalid.

मैं

यह वाक्यात्मक रूप से मान्य JSON है, लेकिन WaltHead.gltf के इस स्निपेट में नल स्कीमा प्रकार के अनुरूप नहीं हैं:

    {
      "bufferView": 2,
      "componentType": 5126,
      "count": 48480,
      "max": [
        null,
        null
      ],
      "min": [
        null,
        null
      ],
      "type": "VEC2"
    }

Khronos glTF सत्यापनकर्ता उपकरण फ़ाइल में किसी अन्य त्रुटि के लगभग 10,000 उदाहरणों को भी सूचीबद्ध करता है, सभी के क्रम में:

        /accessors/2: Accessor element at index 28922 is NaN or Infinity.

तो ऐसा लगता है कि शायद इंडेक्स से भरे जाने के लिए जीएलटीएफ निर्यात के दौरान एक एक्सेसर उत्पन्न किया जा रहा है, लेकिन वास्तव में कोई भी प्राप्त नहीं होता है?

यूवी NaN हैं:

@mrdoob @donmccurdy तय! https://github.com/mrdoob/three.js/pull/13400
हालांकि हम अभी भी उस उदाहरण को नहीं दिखा सकते हैं क्योंकि

[msg] => Mesh primitives without indices are (temporary) unsupported.

(कार्य सूची में जोड़ा गया)

@zellski क्या आपके पास उस सुविधा के बारे में कोई अनुमान है? ;)

@fernandojsg यह थोड़ा पेचीदा है। यह ठीक हो जाएगा, लेकिन इसमें थोड़ा अधिक समय लग सकता है। टीएल; डॉ शायद एक महीना?

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

जाहिर है हमें गैर-अनुक्रमित ज्यामिति का समर्थन करना होगा, जितनी जल्दी बेहतर होगा। आदर्श रूप से ग्राहकों पर, लेकिन तब तक मेरे पास अपना बैकएंड कोड पूर्ण डेथ स्टार पावर तक होना चाहिए, जहां हम व्यक्तिगत ग्राहकों की आवश्यकता के आधार पर सभी अपलोड किए गए .gltf आलसी/ऑन-डिमांड को रूपांतरित करते हैं। उस समय हम अपने ग्राहकों की सुविधा के लिए सर्वर पर अनुक्रमित ज्यामिति बनाने जैसी अच्छी चीजें कर सकते हैं।

मुझे लगता है कि उपरोक्त त्रुटि तब आती है जब तीन.जेएस उन प्राइमेटिव को निर्यात करने का प्रयास कर रहा है जो स्वाभाविक रूप से इसके रनटाइम प्रतिनिधित्व में गैर-अनुक्रमित हैं?

मुझे लगता है कि उपरोक्त त्रुटि तब आती है जब तीन.जेएस उन प्राइमेटिव को निर्यात करने का प्रयास कर रहा है जो स्वाभाविक रूप से इसके रनटाइम प्रतिनिधित्व में गैर-अनुक्रमित हैं?

@zellski बस इतना ही! कुछ आदिम या तीन पर लोड की गई वस्तुएं गैर-अनुक्रमित हैं। फेसबुक ग्लोब लोडर के लिए मैंने जो पहला उपयोग मामला सोचा था, वह हमारे ए-पेंटर ऐप से चित्र शामिल करना था (अधिक जानकारी: https://blog.mozvr.com/tag/a-painter/) और हम वहां गैर-अनुक्रमित ज्यामिति का उपयोग करते हैं भी, तो उसके लिए समर्थन करना बहुत अच्छा होगा;)
मैं सिर्फ यह जानना चाहता था कि क्या वह रोडमैप पर था, इसलिए यह जानना कि वह है और हम इसे लगभग एक महीने में प्राप्त कर सकते हैं, उचित से अधिक है;) उस जानकारी को साझा करने के लिए धन्यवाद!

हमें इस दौरान एक गूंगा अनुक्रमणिका विशेषता जोड़नी पड़ सकती है (जैसे 0, 1, 2, 3, 4, 5, 6, 7, 8, ...)

@mrdoob क्या आपका मतलब है कि गैर-अनुक्रमित को अनुक्रमित में परिवर्तित करने के लिए कुछ विधि है, या सीधे निर्यातक पर हैक जोड़ें?

हाँ, निर्यातक में एक अस्थायी हैक जोड़ें...

मुझे नहीं पता, मैं सिर्फ काम करना चाहता हूं और लोगों को यह नहीं बताना चाहता, "ओह? आपका मॉडल फेसबुक पर काम नहीं करता है? ऐसा इसलिए है क्योंकि ... आप जानते हैं कि अनुक्रमित ज्यामिति क्या हैं? हाँ, आपको नहीं करना चाहिए लेकिन ..."

हाँ, मुझे यह मिल गया है! ठीक है, मैं यह देखने के लिए एक नज़र डालेगा कि क्या मैं कुछ गैर-गंदे हैक जोड़ सकता हूं :)

संदर्भ के लिए @zellski ...

मैंने http://threejs.org/editor/ में एक Export GLB जोड़ा है जो इस GLTFExporter का उपयोग करता है।

वीडियो: थ्री.जेएस एडिटर पर मॉडल को GLTF के रूप में कैसे एक्सपोर्ट करें :D

https://twitter.com/superhoge/status/966689549803053056

मेरा विश्वास करो, मैं हैक्स जोड़ने की अनिच्छा को समझता हूं। अब जो हमने लॉन्च किया है, उसे धैर्यपूर्वक बनाए रखने के लिए काफी संघर्ष करना पड़ रहा है...

क्या आप http://threejs.org/editor/ में इस्तेमाल होने वाले कांटे में GLTFExporter हैक कर सकते हैं लेकिन कहीं और नहीं? मुझे उम्मीद है कि r91 के आने तक हम इस दोष को ठीक कर लेंगे, इसलिए आप लोगों के लिए इसके लिए सावधान, जिम्मेदार कोड लिखना थोड़ा व्यर्थ लगता है।

क्या आप http://threejs.org/editor/ में इस्तेमाल होने वाले कांटे में GLTFExporter हैक कर सकते हैं लेकिन कहीं और नहीं?

हाँ, कोई चिंता नहीं!

मुझे उम्मीद है कि r91 के आने तक हम इस दोष को ठीक कर लेंगे

ओह, मैं ~ 1 मार्च को रिलीज़ करने का लक्ष्य बना रहा हूँ। उचित माह रिलीज़ के लिए रिलीज़ चक्र को महीने की शुरुआत में बदल दिया।

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

नवीनतम परीक्षण, 2 फैलाने वाले मानचित्रों का उपयोग करके, बादल एक पारदर्शी पीएनजी है:
https://www.facebook.com/fakemrdoob/posts/950266411809572

निश्चित नहीं है कि स्पष्ट alphaTest: 0.5 कहां से आ रहा है...

इंडेक्स के लिए वर्कअराउंड का उपयोग करना :)
https://www.facebook.com/fernandojsg/posts/10156405595122044

वहां हम जाते हैं https://github.com/mrdoob/three.js/pull/13410

@mrdoob क्या आपको उन अनुपलब्ध सुविधाओं को जोड़ने में कोई आपत्ति है जो इस मुद्दे पर फेसबुक की आवश्यकताओं से संबंधित नहीं हैं: https://github.com/mrdoob/three.js/issues/11951
हालांकि मुझे वहां की स्थिति को अपडेट करने की आवश्यकता है

बढ़िया है। मैं निर्यात करके और संपादक को वापस खींचकर परीक्षण करूंगा।
क्या हमें इसे बंद कर देना चाहिए?

@mrdoob मैं इसे तब तक खुला छोड़

बीटीडब्ल्यू मुझे यह लिंक कुछ उपयोगी जानकारी के साथ मिला है: https://developers.facebook.com/docs/sharing/3d-posts/glb-tutorials

जाहिरा तौर पर बनावट को 2 की शक्ति की आवश्यकता होती है ...
https://twitter.com/drupalati/status/9674868546300055936

क्या थ्री.जेएस स्वचालित रूप से छवि को नॉन-पावर-ऑफ-टू से पावर-ऑफ-टू में परिवर्तित नहीं करता है?

हाँ क्षमा करें। मोबाइल क्लाइंट अभी तक आकार नहीं बदलते हैं, इसलिए हमें कुछ समय के लिए सत्यापन के दौरान इसे अस्वीकार करना होगा। हम शायद सर्वर पर रीसाइज़िंग करेंगे, क्योंकि डिलीवरी पाइपलाइन पर हमारा पूरा नियंत्रण है। मुझे उम्मीद है कि यह प्रतिबंध भी 2-3 सप्ताह में हटा लिया जाएगा।

@takahirox हां, तीन.जेएस मक्खी पर आकार बदल देगा। लेकिन फेसबुक के मूल ग्राहक तीन.जेएस का उपयोग नहीं करते हैं।

ईटीए के किसी न किसी क्रम में, जीएलटीएफ सुविधाओं की पूरी सूची जो फेसबुक अभी तक समर्थन नहीं करता है:

• कोई RGB शीर्ष रंग नहीं; आरजीबीए होना चाहिए।
• कुछ क्लैंपिंग/फ़िल्टर संयोजनों के लिए कोई एनपीओटी बनावट नहीं
• केवल अनुक्रमित, त्रिभुज ज्यामिति।
• कोई एनिमेशन नहीं (चुपचाप अनदेखा)
• कोई विरल एक्सेसर्स नहीं (सत्यापन में विफल रहता है)
• कोई मॉर्फ लक्ष्य नहीं (यदि किसी जाल में 'लक्ष्य' संपत्ति है तो मॉडल सत्यापन में विफल रहता है)
• कोई कैमरा नहीं (चुपचाप अनदेखा) (अभी के लिए)

भी:

• अधिकतम फ़ाइल आकार 3 एमबी
• 4096 . से बड़ा कोई बनावट आयाम नहीं
• KHR_material_unlit के अलावा कोई एक्सटेंशन नहीं (अभी के लिए)

मुझे लगता है कि यही है।

मैंने पीआर # 13424 को बल पॉट बनावट के लिए बनाया क्योंकि मुझे लगता है कि यह न केवल एफबी के लायक होगा।

एक बहु सामग्री जाल (सामग्री की एक सरणी) निर्यात करने के लिए GLTFExporter का उपयोग करते समय, मुझे यह त्रुटि मिली:

GLTFExporter.js:623 Uncaught TypeError: Cannot read property 'toArray' of undefined
    at processMaterial (GLTFExporter.js:623)

@ बेन-मैक यह एक ज्ञात मुद्दा है और मैं अभी इस पर काम कर रहा हूं। (लेकिन इसमें थोड़ा समय लगेगा)।

@zellski fb पर ड्रेको सपोर्ट की कोई योजना? मैं अपने जाल को 40 एमबी से 5 एमबी तक प्राप्त कर सकता हूं, लेकिन एमबी का वह अंतिम जोड़ा अभी बंद नहीं होगा।

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

(मुझे अभी भी यकीन नहीं है कि हम बनावट के साथ क्या मदद कर सकते हैं।)

@donmccurdy उस मोर्चे पर कुछ प्रगति कर रहा है: https://github.com/mrdoob/three.js/pull/12877

हम #12877 के साथ GLTFExporter से 25-30% छोटे बनावट की उम्मीद कर सकते हैं।

लंबे समय तक, द्विपद ख्रोनोस के साथ काम कर रहा है ताकि ग्लोटीएफ में क्रॉस-प्लेटफ़ॉर्म संपीड़ित बनावट के लिए एक एक्सटेंशन बनाया जा सके: https://www.khronos.org/blog/call-for-participation-gltf-creating-a-compressed-texture-extension .

ठीक है... #12877 और #13451 के बाद एक GLB निर्यात जो 3.3MB हुआ करता था, अब 480KB है

ठंडा! #13451 का मतलब है, अगर हम jpg को png में कनवर्ट करते हैं तो इमेज फ़ाइल का आकार बड़ा होगा?

ठंडा! #13451 का मतलब है, अगर हम jpg को png में कनवर्ट करते हैं तो इमेज फ़ाइल का आकार बड़ा होगा?

हां। #13451 इस तथ्य के कारण थोड़ा सा समाधान है कि संपादक इस समय बनावट के प्रारूप को बदलने की अनुमति नहीं देता है। लेकिन हम वैसे भी लाइब्रेरी में वही काम करते हैं...

https://github.com/mrdoob/three.js/blob/dev/src/loaders/TextureLoader.js#L34

लेकिन हाँ, GLTFExpoter वर्तमान में jpg के रूप में सहेजता है जब texture.format === THREE.RGBFormat ।

https://github.com/mrdoob/three.js/blob/dev/examples/js/exporters/GLTFExporter.js#L493

जो आदर्श नहीं है, क्योंकि हम एक jpg को फिर से कंप्रेस कर रहे हैं... लेकिन मुझे लगता है कि बड़े निर्यात से बेहतर है?

मुझे FBX2glTF में कोड जोड़ना पड़ा जो वास्तव में RGBA छवियों के अल्फा मानों का भी निरीक्षण करता है, क्योंकि लोग (या, अधिक सटीक, लोगों के उपकरण) उन्हें डिफ़ॉल्ट रूप से बनाते हैं, और अक्सर उन्हें PNGs के रूप में रखना पूरी तरह से अनावश्यक होता है। सबसे क्रूर जीपीयू-सक्षम, गैर-रैखिक-अनुकूलन पीएनजी क्रंचर्स की कोशिश करने के बाद भी, ऐसा लगता है कि जेपीईजी वास्तव में रोस्ट पर शासन करता है ... आकार अंतर बहुत अविश्वसनीय है!

मैं ओआरएम बनावट (रोड़ा/खुरदरापन/धातु) जैसी चीजों के लिए इंटर-चैनल ब्लीड के बारे में थोड़ा चिंतित हूं जहां प्रत्येक घटक डेटा रखता है जो अन्य घटकों के डेटा से पूरी तरह स्वतंत्र है ... लेकिन व्यवहार में यह ठीक काम करता प्रतीत होता है।

कैनवास का उपयोग करते समय निर्यातक गुणवत्ता स्तर को वैकल्पिक भी बना सकता है।

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

@ webprofusion-chrisc हाँ, हम ऐसा कर सकते हैं। फिलहाल हम ट्रांसमिटेड इकाई के रूप में .glb पर पूरी तरह से बाहर हो गए हैं, जिसे चयनात्मक LOD प्रकार स्ट्रीमिंग के साथ संयोजित करना कठिन है (क्योंकि बिना किसी रैंडम एक्सेस के केवल एक अनुक्रमिक फ़ाइल है)। लेकिन मुझे उम्मीद है कि चीजें कैसे चलती हैं, इस पर निर्भर करते हुए हम अक्सर बुनियादी धारणाओं का पुनर्मूल्यांकन करेंगे। :)

GLTFExporter BufferGeometry निर्यात कर सकता है और Facebook पर आयात कर सकता है। लेकिन कोई भी Geometry या BufferGeometry विधि fromGeometry का उपयोग करके परिवर्तित फेसबुक पर काम नहीं कर रहा है। मैं इसे हमेशा एफबी सत्यापनकर्ता में प्राप्त करता हूं:

[msg] => RGB प्रकार की Vertex COLOR_0 विशेषताएँ (अस्थायी रूप से) समर्थित नहीं हैं। उन्हें आरजीबीए होना चाहिए।

पुनरुत्पादन के लिए कदम:

• देव में नवीनतम misc_exporter_gltf उदाहरण का उपयोग करना, निर्यात क्षेत्र या Walthead एफबी पर अच्छा काम कर रहा है, लेकिन export Scene1 परिणाम एफबी में आयात नहीं कर सकता है।

क्या यह कुछ अपेक्षित व्यवहार है और एफबी पक्ष की प्रतीक्षा करनी है?

मुझे उम्मीद थी कि fromGeometry का उपयोग करने वाले बफ़रजियोमेट्री को सामान्य बफ़रजियोमेट्री के रूप में काम करना चाहिए, कृपया मुझे इस मुद्दे को दूर करने के लिए कुछ त्वरित सुधारों का मार्गदर्शन करें।

@ बेन-मैक यह कुछ ऐसा है जिसे अगले हफ्तों में @zellski के अनुसार तय किया जाना चाहिए -> https://github.com/mrdoob/three.js/issues/13397#issuecomment -367534958

मुख्य एफबी ऐप के निर्माण 161 और चालू (वर्तमान ऐप स्टोर संस्करण 160 है) के रूप में, यह अब क्रैशर नहीं होगा और हम इस सत्यापन जांच को हटा देंगे। मुझे उम्मीद है कि यह सप्ताह के भीतर होगा।

@zellski यह कमाल है! धन्यवाद :)

हालांकि मुझे आश्चर्य होता है ...

"असली" कारण THREE.GLTFExporter निर्यात नहीं कर सकता है THREE.Geometry क्योंकि जब हम THREE.Geometry को THREE.BufferGeometry परिवर्तित करते हैं तो हम एक color विशेषता जो, ज्यादातर मामलों में, शून्य से भरी होती है।

तो, एक "समाधान" (और अनुकूलन) color विशेषता को निर्यात नहीं करना होगा यदि material.vertexColors को THREE.NoColors सेट किया गया है?

ऑप्स मुझे यह नहीं पता था: डी यह निश्चित रूप से एक जरूरी अनुकूलन है: डी

@fernandojsg आपके द्वारा किए गए अपडेट के लिए धन्यवाद, बहुत सराहना की। जोड़ने लायक दो और चीजें हैं:

1. मल्टी-मटेरियल मेश सपोर्ट। जिनकी ज्यामिति और सरणी में समूह हैं Mesh.material - उन्हें वर्तमान में ठीक से निर्यात नहीं किया जा सकता है;
2. एकमात्र समर्थित MeshStandardMaterial और Facebook पर हमारे पास मौजूद परिणामों के बीच बेहतर संगतता। अब तक धात्विक और विसरित सतहें तीन.जेएस और फेसबुक पर काफी भिन्न दिखती हैं। हो सकता है कि हमारे पास एक दिन एक विशेष "फेसबुक" सामग्री होगी?

शुक्रिया

@ov मुझे लगता है कि उन दोनों के r91 के आसपास तय होने की संभावना है:

1. बहु-सामग्री निर्यात https://github.com/mrdoob/three.js/pull/13536
2. धातु/खुरदरापन ठीक करता है https://github.com/mrdoob/three.js/pull/13501

यह संभव है कि फेसबुक की सामग्री अभी भी बिल्कुल सही नहीं है, लेकिन जीएलटीएफ इस बारे में बहुत विशिष्ट है कि चीजें कैसे दिखनी चाहिए, इसलिए अंततः हमें एकाग्र होना चाहिए।

ओह, हमें KHR_materials_unlit निर्यात करने की क्षमता भी जोड़नी चाहिए...

संपादित करें: खोला गया https://github.com/mrdoob/three.js/pull/13566

"वास्तविक" कारण THREE.GLTFExporter तीन का निर्यात नहीं कर सकता है। ज्यामिति इसलिए है क्योंकि जब हम तीन.ज्योमेट्री को तीन में बदलते हैं। बफरजियोमेट्री हम एक रंग विशेषता बना रहे हैं, जो ज्यादातर मामलों में, शून्य से भरा होता है।

तो, एक "समाधान" (और अनुकूलन) रंग विशेषता को निर्यात नहीं करना होगा यदि सामग्री.वर्टेक्सकलर्स तीन पर सेट है। नोकोलर्स?

+1 उम्मीद है कि यह जल्द ही ठीक हो जाएगा। THREE.Geometry आधार पर अभी भी तीन.js के लिए बहुत सारी लाइब्रेरी प्रदर्शन कर रही है।

(एफबी में अभी भी त्रुटि है ...must be RGBA साथ में THREE.Geometry )

@ बेन-मैक, आप किन पुस्तकालयों का उपयोग कर रहे हैं जो अभी भी ज्यामिति का उपयोग करते हैं? शायद हम उन्हें अपडेट करने के लिए मालिकों के साथ काम कर सकें।

@looeee कृपया इस पुस्तकालय पर एक नज़र डालें: https://github.com/a-jie/threejs-geometry-modifiers

हे दोस्तों - आज सुबह तक, फेसबुक अब आरजीबी (वीईसी 3) वर्टेक्स रंगों को "अमान्य" के रूप में अस्वीकार नहीं करता है।

पावर-ऑफ-टू टेक्सचर की आवश्यकताएं फिलहाल बनी हुई हैं, लेकिन मैं उस पर भी काम कर रहा हूं।

@zellski कूल ! :) मैं पेंटर के लिए पूरी तरह से समर्थन के बहुत करीब हूं: डी क्या बाकी आदिम मोड को लागू करने की कोई योजना है? अभी मेरा मानना ​​है कि केवल TRIANGLE समर्थित हैं, बाकी का समर्थन करना बहुत अच्छा हो सकता है, उदाहरण के लिए A-पेंटर में हम कुछ स्थान बचाने के लिए TRIANGLE_STRIP का उपयोग कर रहे हैं

उन्हें लागू न करना पागलपन होगा, है ना? आदर्श रूप से सभी मान्य glTF स्वीकार किए जाने चाहिए। हालांकि, मुझे नहीं पता कि उस काम को कैसे प्राथमिकता दी जाएगी। हम एक छोटी टीम हैं जिसमें बहुत सारे मजबूत आग्रह हैं। :)

मुझे लगता है कि अब इस मुद्दे को बंद किया जा सकता है?