Zmiana koloru kostki w three.js

Question

Próbuję zmienić kolor kostki na podstawie zmiennej. Stworzyłem dwie kostki i chcę zmienić ich kolor w zależności od odległości między nimi.

Kostki są tworzone tak:

geometry = new THREE.CubeGeometry(50, 50, 50); 
material = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe: true }); 
cube = new THREE.Mesh(geometry, material); 
scene.add(cube); 

Teraz próbowałem coś takiego:

if(distance > 20) 
{ 
cube.material.color = 0xffffff; 
} 

Ale to nie działa. Zajrzałem do przykładów, ale nie znalazłem niczego odpowiedniego.

Answer 1

Nie określasz poprawnie wartości koloru.

cube.material.color.setHex(0xffffff); 

Answer 2

cube.material.color 

daje przedmiot THREE.Color:

http://threejs.org/docs/#Reference/Math/Color

który ma kilka metod, których można użyć, aby ustawić kolor.

Answer 3

Moja sugestia to dołączenie funkcji do obiektu, a następnie można łatwo zmienić kolor obiektu podczas wykonywania.
podstawie kodu

geometry = new THREE.CubeGeometry(50, 50, 50); 
material = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe: true }); 
cube = new THREE.Mesh(geometry, material); 

//here is the funcion defined and attached to the object 
cube.setColor = function(color){ 
    cube.material.color = new THREE.Color(color); 
} 


cube.setColor(0xFFFFFF) //change color using hex value or 
cube.setColor("blue") //set material color by using color name 

scene.add(cube);