@deck.gl/mesh-layers/src/scenegraph-layer/gltf-utils.ts

deck.gl layers that loads 3D meshes or scene graphs

// deck.gl
// SPDX-License-Identifier: MIT
// Copyright (c) vis.gl contributors

/* global requestAnimationFrame */
import type {GroupNode, ScenegraphNode, ModelNode} from '@luma.gl/engine';
import type {GLTFScenegraphs} from '@luma.gl/gltf';

export async function waitForGLTFAssets(
  gltfObjects: GLTFScenegraphs | {scenes: GroupNode[]}
): Promise<void> {
  const remaining: any[] = [];

  gltfObjects.scenes.forEach(scene => {
    scene.traverse((modelNode: ScenegraphNode) => {
      // Not really clear how we can access the uniforms?
      // TODO v9 getUnforms() was removed, hack it with props.uniforms
      // Object.values((modelNode as ModelNode).model.uniforms).forEach((uniform: any) => {
      //   if (uniform.loaded === false) {
      //     remaining.push(uniform);
      //   }
      // });
    });
  });

  return await waitWhileCondition(() => remaining.some(uniform => !uniform.loaded));
}

async function waitWhileCondition(condition: () => boolean): Promise<void> {
  while (condition()) {
    await new Promise(resolve => requestAnimationFrame(resolve));
  }
}