Load Multiple GLTF - Three.js

load_multiple_gltf_models.js

const gltfLoader = new GLTFLoader()

// Array de archivos GLTF 
const gltfFiles = [
    'models/Model/glTF/model1.gltf',
    'models/Model/glTF/model2.gltf'
    //'models/Model/glTF/other_model.gltf'
];

// Función para cargar cada archivo GLTF
function loadGLTF(file) {
    return new Promise((resolve, reject) => {
        gltfLoader.load(
            file,
            (gltf) => {
                gltf.scene.scale.set(0.5, 0.5, 0.5);
                scene.add(gltf.scene);
                resolve();
            },
            undefined,
            reject
        );
    });
}

// Función para cargar múltiples archivos GLTF secuencialmente
function loadMultipleGLTFs() {
    const promises = gltfFiles.map((file) => loadGLTF(file));
    return Promise.all(promises);
}

// Llamar a la función para cargar los archivos GLTF
loadMultipleGLTFs()
    .then(() => {
    console.log('Archivos GLTF cargados exitosamente');
})
    .catch((error) => {
    console.error('Error al cargar los archivos GLTF:', error);
});