Three.js: GLTF2Loader को निर्भरता को ऊपर-नीचे लोड करना चाहिए।

GLTF2Loader में वर्तमान पैटर्न कुछ इस तरह दिखता है:

class GLTF2Parser {
  loadMeshes () {

    return this._withDependencies( [

      'materials',
      'accessors'

    ] ).then( ( dependencies ) => {

      _each( json.meshes, ( meshDef ) => {

        var geometry = /* ... */;
        var material = dependencies.materials[ meshDef.material ];
        var mesh = new THREE.Mesh( geometry, material );
        // ...
        return mesh;

      } );
      // ...
      return meshes;

    } );

  }

  // ...
}

नतीजतन, सभी एक्सेसर्स (जो बदले में सभी .bin बफर फाइलों पर निर्भर करते हैं) को किसी भी मेश के निर्माण से पहले लोड किया जाएगा। यह एक समस्या का परिचय देता है, यदि सभी बफ़र्स की वास्तव में आवश्यकता नहीं है। उदाहरण के लिए:

• (ड्राफ्ट) KHR_draco_mesh_compression एक्सटेंशन एक संपत्ति को एक ड्रेको .bin फ़ाइल, और एक असम्पीडित .bin शामिल करने की अनुमति देता है, ताकि ड्रेको का समर्थन नहीं करने वाले क्लाइंट अभी भी अडॉप्टिमाइज्ड संस्करण पर वापस आ सकें। किसी भी मामले में, हम केवल एक बफर लोड करना चाहते हैं।
• (ड्राफ्ट) MSFT_lod एक्सटेंशन में अनिवार्य रूप से एक ही समस्या है।
• यह पहले से ही मान्य है, हालांकि मैंने एक ही जाल पर मेटल-रफ और स्पेक-ग्लॉस सामग्री दोनों को घोषित करने के लिए कोई उदाहरण नहीं देखा है। लोडर प्रदर्शन और फीचर समर्थन के अनुसार चुन सकता है कि किसका उपयोग करना है, लेकिन आप निश्चित रूप से नहीं करते हैं ' दोनों के लिए बनावट का अनुरोध नहीं करना चाहता। वर्तमान में, यह वही है जो GLTF2Loader करेगा।

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

class GLTF2Parser {
  loadMesh ( meshDef ) {

     return Promise.all( [

       this.loadGeometry( meshDef.primitives ),
       this.loadMaterial( meshDef.material )

     ] ).then( ( dependencies ) => {

       var [geometry, material] = dependencies;
       var mesh new THREE.Mesh( geometry, material );
       // ...
       return mesh;

     } );

  }

  // ...
}

^ संक्षिप्तता के लिए ES6 का उपयोग करना, हालांकि संभवतः इसे वास्तव में उदाहरणों/js में चेक नहीं किया जा सकता है।

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

/सीसी @takahirox