javascript - 改变立方体表面的颜色

Question

我居然找到了this问题，但它说 material.color 不存在。我需要知道如何更改正在绘制的立方体各个面的颜色:

var newCube = new THREE.Mesh(new three.CubeGeometry(size, size, size), new three.MeshNormalMaterial({ vertexColors: three.FaceColors }));

Answer 1

此答案仅适用于 r.125 之前的 three.js 版本。

以下是设置和更改立方体表面颜色的方法:

var geometry = new THREE.BoxGeometry( size, size, size );
for ( var i = 0; i < geometry.faces.length; i ++ ) {
    geometry.faces[ i ].color.setHex( Math.random() * 0xffffff );
}

var material = new THREE.MeshBasicMaterial( { color: 0xffffff, vertexColors: true } );

如果 geometry.faces[i].color 在几何体渲染后发生变化，您必须设置 geometry.colorsNeedUpdate = true .

three.js r.124