主页 / 问题 / 1445268
Accepted
Leonel
Asked:2022-09-03 14:09:04 +0800 CST2022-09-03 14:09:04 +0800 CST

将 obj 模型导入画布（纹理）

  • 772

我正在尝试加载 obj 模型，一切正常，但纹理存在问题。一般情况下，blender有一个obj格式的模型，需要导入三个js，同时保留模型原有的质量，或者至少是这样的

在此处输入图像描述

代码：`

function addModel(pos) {
        const mtlLoader1 = new MTLLoader();
        mtlLoader1.load('./models/untitled4.mtl', function(mtlParseResult) {
        mtlParseResult.preload();
        const objLoader = new OBJLoader();
        objLoader.setMaterials(mtlParseResult);
        objLoader.load('./models/untitled4.obj', function(r12) {
              r12.position.x = 0;
            r12.position.y = 0.04;
            r12.position.z = 0;
            r12.rotation.y = 1.55;
            r12.scale.x = 10;
            r12.scale.y = 10;
            r12.scale.z = 10;
            r12.isDraggable = true;
            scene.add(r12);
      });
    });
}

` 在此处输入图像描述

3d

1 个回答

  1. Best Answer

    OBJ模型导入不是很方便。我自己曾经遇到过这样的问题，导入后，扫描中断，只加载一种材料。为了正确导入模型，我THREE.LoadingManager异步使用并加载了几何体和材料。

    试试这个下载选项，它应该可以工作：

    
const loadingManager = new THREE.LoadingManager();
const objLoader = new THREE.OBJLoader(loadingManager);
const mtlLoader = new THREE.MTLLoader(loadingManager);

const scene = new THREE.Scene();

/**
* Вернет Promise<THREE.Group>.
* THREE.Group можно будет добавить в сцену;
*/
function loadModel(path, basename) {
 return mtlLoader.setPath(path)
                 .setResourcePath(path)
                 .loadAsync(`${basename}.mtl`)
                 .then((materials) => {
                   materials.preload();
                   return materials;
                 })
                 .then((materials) => {
                   return objLoader.setPath(path)
                                   .setMaterials(materials)
                                   .loadAsync(`${basename}.obj`);
                 });
}

loadModel('./models/', 'untitled4').then((group) => {
           scene.add(group);
         })
         .catch(console.error);

    请务必检查*.mtl. Blender 可能会错误地指示它。

    • 1

相关问题