three.js - すでにシーンにあるメッシュの色を変更する方法

Question

Three.js優れたライブラリを使用して最初のアプリケーションを構築しようとしています。

同じ色のキューブがいくつかあります。ユーザーがクリックしたキューブの色を変更したいと思います。

インスタンス化した後に の色を変更できますかCube、それとも削除して新しいものを作成する必要がありますか?

これが私がやろうとしていることです。位置は変更できますが、色は変更できません:

//...

var cube = new THREE.Mesh(geometry, cubeMaterial);
cube.scale.y = 1;
cube.scale.x = 2;
cube.position.x = 0;
cube.position.y = 25;
cube.position.z = 25;
buildings.push(cube)

//...

 buildings.forEach(function(building) {
        if (1) {
            building.color = 0xffffff; //Doesn't change anything
            building.position.x = 300; //Works
        }
    });
    render();

Answer 1

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