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 позволяет активу включать файл Draco .bin и несжатый файл .bin , чтобы клиенты, не поддерживающие Draco, по-прежнему могли использовать неоптимизированную версию. В любом случае мы хотим загрузить только один из буферов.
• Расширение (черновик) 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.

Прежде чем я отправлюсь в путь рефакторинга, есть ли какие-либо серьезные предпочтения в отношении того, как это должно работать? Я надеюсь, но мне нужно будет проверить, что это изменение может происходить постепенно.

/ cc @takahirox