javascript - 无法使用 Three.js 更改 Material 颜色

Question

我有一个 obj 文件，其中包含顶点组以及主对象。我正在尝试为通过顶点组标记的每个组分配颜色。我可以发现的是，在 Three.js 中，每个顶点组都是 Object3D 类型，并且没有像 setColor 这样的函数，而是每个这样的子节点有两个 THREE.Mesh 类型的子代，并且它具有通过 Material 属性访问的 setColor 函数。我不清楚这个层次结构。如何为每个顶点组设置颜色。

还有一件事是，早期版本的 Three.js 具有不同的对象子关系层次结构。请给我一些意见。我正在认真寻找解决方案

Answer 1

堆栈上有几个类似的问题溢出可以帮助您，例如 here和 here .

为了能够为顶点设置颜色，您需要遍历对象树，直到找到网格几何体的面，然后您可以分配一个vertexColors数组:

var numberOfSides, j, vertexIndex;

for ( var i = 0; i < geometry.faces.length; i++ ) 
{
    face = geometry.faces[ i ];   
    face.color = baseColor;      
    numberOfSides = ( face instanceof THREE.Face3 ) ? 3 : 4;
    for( j = 0; j < numberOfSides; j++ ) 
    {
        vertexIndex = face[ faceIndices[ j ] ];
        face.vertexColors[ j ] = geometry.colors[ vertexIndex ];
    }
}

有关更多详细信息，请查看链接的问题。