Blender JSON 导出添加顶点 - THREE.JS答案

【问题标题】：Blender JSON export adding vertices - THREE.JSBlender JSON 导出添加顶点 - THREE.JS
【发布时间】：2019-03-30 07:06:45
【问题描述】：

在搅拌机中，我有一个简单的模型。当我在 THREE.js 中导入这个模型时，它似乎获得了面和顶点。以下所有图片。我试图将中间的圆脸作为一个单一的脸，以便我可以在 THREE.js 中将图像应用到它。还有一种简单的方法可以在 Blender 中命名一个人脸，以便它可以在三个中定位吗？

谢谢大家。

搅拌机中的模型：

THREE.js 中的模型：

Blender 导出设置：

THREE.js上的导入方法

loader.load('models/poi.json', ( geometry ) => {
    console.log(geometry.faces.length); // 386 faces  
    let mesh = new THREE.Mesh( geometry, materials );
    scene.add(mesh);
});

【问题讨论】：

标签： three.js blender

【解决方案1】：

AFAIK，无法在 Blender 中命名人脸。此外，不再支持 Blender JSON 导出器。请使用glTF Blender exporter 和THREE.GLTFLoader。此外，three.js 中的人脸始终表示为三角形。所以你正在寻找的（中间圆圈作为一个单一的脸）是不可能的。

如果要将纹理应用到网格的中心部分，请在 Blender 中为相应面组分配单独的材质。没有必要为此创建一个面。您只需要创建一个多材质对象。

【讨论】：

感谢您解决这个问题。对于任何想知道我发现最好的解决方案是删除模型的中间部分并在我可以控制的 THREE.JS 中创建一个 .CircleGeometry 并将其放置在与我的模型相关的正确位置的最佳解决方案。