在 Three.js 中加载多个 Blender 导出的对象/网格+材质答案

【问题标题】：Loading more than one Blender-exported object/mesh+material in Three.js在 Three.js 中加载多个 Blender 导出的对象/网格+材质
【发布时间】：2023-03-20 11:50:01
【问题描述】：

我在Blender 中对两个对象进行了建模，它们具有不同的材质和不同的纹理UV 映射到它们。我用CanvasRenderer 渲染它

如果我export it，则在生成的JSON file 中存在不止一种材料但只有一个网格。

这是我使用 Three.js 加载模型的（简化的）代码：

var loader = new THREE.JSONLoader();
loader.load(myModelPath, function {

    var material = geometry.materials[0];
    material.morphTargets = true;
    material.overdraw = true;

    var mesh = new THREE.Mesh(geometry, material);

    mesh.scale.set(50, 50, 50);
    mesh.position.set(0, 0, 0);

    scene.add(mesh);

});

如您所见，我只使用[0] 材料。结果是第二个对象使用了第一个对象的材质（如果我使用[1] 材质，则相反）。

但我不知道如何创建使用多种材料的网格！

有可能吗？或者，有没有办法从 Blender 导出多个 JSON 文件（每个对象一个）？

【问题讨论】：

标签： javascript three.js blender uv-mapping

【解决方案1】：

你知道吗？有一种相对简单的方法可以处理这样的案例。

像往常一样在搅拌机中建模。
另存为副本与您拥有的对象一样多。
打开每个副本，然后删除相关对象以外的所有内容。
现在你有obj1.blend、obj2.blend等。
在其中的每一个中，随时导出到 three.js。
全部加载。在我的代码中，这就像向数组中添加字符串一样简单。

请注意，如果有更直接的方法，我也想知道:)

【讨论】：

【解决方案2】：

自从提出这个问题以来，他们可能已经对 json 导出器进行了改进，但现在有可能。在设置下靠近底部的导出选项中，所有网格都有一个复选框。取消选中，只会导出选定的网格。

【讨论】：

哦，很高兴听到这个消息！我不会检查它是否有效，但假设有效，我会接受你的回答。感谢您分享信息。

【解决方案3】：

您必须使用 THREE.ObjLoader。在搅拌机导出设置中，您可以在导出选项的底部选择场景和材质。瞧

【讨论】：