Ändern Sie die Farben der Gesichter eines Würfels

Question

Ich habe tatsächlich this Frage gefunden, aber es sagt material.color existiert nicht. Ich muss wissen, wie die Farben der verschiedenen Flächen eines Würfels ändern Ich zeichne:

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

Answer 1

Hier ist, wie Sie festlegen und ändern Sie die Farben eines Würfels Gesichter:

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: THREE.FaceColors }); 

Wenn geometry.faces[i].color wird geändert, nachdem die Geometrie gerendert wurde, müssen Sie geometry.colorsNeedUpdate = true festlegen. (Dies gilt nicht für canvasRenderer erforderlich.)

three.js r.84

Answer 2

Hier is a fiddle für Leute, die hier am Ende und wollen arbeiten Code sehen.

habe ich eine Box und band 3 Farben zu den Flächen:

// colors 
red = new THREE.Color(1, 0, 0); 
green = new THREE.Color(0, 1, 0); 
blue = new THREE.Color(0, 0, 1); 
var colors = [red, green, blue]; 

for (var i = 0; i < 3; i++) { 
    geometry.faces[4 * i].color = colors[i]; 
    geometry.faces[4 * i + 1].color = colors[i]; 
    geometry.faces[4 * i + 2].color = colors[i]; 
    geometry.faces[4 * i + 3].color = colors[i]; 
} 

Die Gesichtsfarben im animate Schleife verändert werden.