three.js：同一張臉上有多種顏色

Question

我有一個大小爲1 x 1 x 2的立方體。在較大的（1 x 2）臉上，我想在臉部的一半上顯示一種顏色，另一半顏色。推薦的方法是什麼？我應該使用層次結構使用兩個1 x 1 x 1不同面孔顏色的立方體來構建此1 x 1 x 2立方體嗎？

Answer 1

下面是要遵循的模式。調整自己的喜好：

var geometry = new THREE.CubeGeometry(10, 10, 20, 1, 1, 2); 

for (var i = 0; i < geometry.faces.length; i ++) { 
    geometry.faces[ i ].color.setHSL(Math.random(), 0.5, 0.5); // pick your colors 
} 

var material = new THREE.MeshBasicMaterial({ vertexColors: THREE.FaceColors }); 

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

如果您正在使用CanvasRenderer，您可以設置material.overdraw = 0.5，試圖消除斜線。 WebGLRenderer不是必需的。

three.js r.60