Three.js中OBJLoader异步加载与Mesh对象提取指南

var bracket;
var loader = new THREE.OBJLoader();

function objectLoader( objFile, objName ) {
    var container = new THREE.Object3D();
    loader.load( objFile , function ( object ) {
        // 这个回调函数会在模型加载完成后才执行
        object.name = objName;
        object.scale.set(1, 1, 1);
        container.add( object ); // 此时模型才被添加到container
    });
    // 注意：在loader.load的回调函数执行之前，此处的container是空的！
    return container; 
}

bracket = objectLoader('model.obj', 'Bracket');
// 在这里，bracket变量接收到的container是空的Object3D，因为模型尚未加载完成。

import * as THREE from 'three';
import { OBJLoader } from 'three/addons/loaders/OBJLoader.js'; // 导入OBJLoader

const loader = new OBJLoader();

/**
 * 异步加载OBJ文件并返回一个Group对象
 * @param {string} objFile OBJ文件的路径
 * @returns {Promise<THREE.Group>} 包含加载模型的Group对象
 */
async function loadObjModel(objFile) {
    try {
        const group = await loader.loadAsync(objFile);
        return group;
    } catch (error) {
        console.error('加载OBJ模型失败:', error);
        throw error; // 重新抛出错误以便调用者处理
    }
}

// 示例用法：
async function initializeScene() {
    // 假设您已经设置了Three.js场景、相机和渲染器
    const scene = new THREE.Scene(); 

    try {
        // 异步加载模型，并等待其完成
        const loadedGroup = await loadObjModel('model.obj');

        // loadedGroup现在是一个THREE.Group实例，它可能包含一个或多个Mesh对象
        // 在这里可以对loadedGroup进行初步处理，例如定位、旋转等
        loadedGroup.position.set(0, 0, 0);
        scene.add(loadedGroup); // 将整个Group添加到场景中

        console.log('模型加载成功，Group对象:', loadedGroup);

        // 后续步骤：从Group中提取Mesh
        extractMeshFromGroup(loadedGroup);

    } catch (error) {
        console.error('初始化场景时发生错误:', error);
    }
}

// 调用初始化函数
initializeScene();

/**
 * 从Group对象中提取Mesh对象并进行操作
 * @param {THREE.Group} group 从OBJLoader加载的Group对象
 */
function extractMeshFromGroup(group) {
    const meshes = [];
    group.traverse(object => {
        if (object.isMesh) {
            console.log('找到Mesh对象:', object);
            // 在这里可以对Mesh对象进行操作，例如命名、缩放、材质修改等
            object.name = 'BracketMesh';
            object.scale.set(1, 1, 1); // 确保缩放正确
            object.material = new THREE.MeshStandardMaterial({ color: 0x00ff00 }); // 示例材质

            meshes.push(object); // 将找到的Mesh存储起来

            // 如果您只想处理第一个Mesh或特定的Mesh，可以在这里添加逻辑
            // 例如：如果您确定只有一个Mesh且需要立即进行CSG操作，可以将其作为全局变量存储
            // globalBracketMesh = object; 
        }
    });

    if (meshes.length > 0) {
        console.log('所有提取到的Mesh对象:', meshes);
        // 现在，您可以对meshes数组中的Mesh对象执行CSG操作或其他几何处理
        // 例如：
        // const csgObject = CSG.fromMesh(meshes[0]);
        // const result = csgObject.subtract(anotherCsgObject);
        // scene.add(result.toMesh());
    } else {
        console.warn('在加载的模型中未找到任何Mesh对象。');
    }
}

// 结合之前的initializeScene函数：
async function initializeScene() {
    const scene = new THREE.Scene();
    // ... 其他Three.js设置 ...

    try {
        const loadedGroup = await loadObjModel('model.obj');
        scene.add(loadedGroup); 

        // 提取Mesh并进行操作
        extractMeshFromGroup(loadedGroup); 

    } catch (error) {
        console.error('初始化场景时发生错误:', error);
    }
}

initializeScene();