Bir küpün yüzlerinin renklerini değiştirin

Question

Gerçekten this sorusunu bulamadık ama material.color mevcut değil diyor. Bir küpün yüzleri renklerini ayarlamak nasıl

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

İşte

Answer 1

olduğunu ve değişebileceğini:

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 }); 

Eğer ben çiziyorum bir küpün farklı yüzlerinin renkleri nasıl değiştirileceğini bilmek gerekir geometry.faces[i].color, geometri oluşturulduktan sonra değiştirilmiştir, geometry.colorsNeedUpdate = true ayarlamalısınız. (Bu canvasRenderer için gerekli değildir.)

Three.js burada sona ve bu kod çalışırken görmek isteyenler için r.84

Answer 2

İşte

is a fiddle.

Bir kutu yapılmış ve yüzlere 3 renklerine bağladı: Yüz renkleri animate döngüde değiştirilir

// 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]; 
} 

.