单击Three.js中的对象时如何更改立方体的面部颜色？

Question

使用Three.js，我想改变我点击的第一个对象的面部颜色。

这是我的功能。

function onDocumentMouseDown(event) {
  raycaster = new THREE.Raycaster();
  raycaster.setFromCamera(mouse, camera);
  var intersects = raycaster.intersectObjects(scene.children);
  if (intersects.length > 0) {
    var i = 0;
    var faceIndex = parseInt(intersects[i].faceIndex / (2 * dimensions * dimensions));
    intersects[i].object.material.color.set(0xffffff);
    var nextColor = colors[parseInt(Math.random() * 6)];
    intersects[i].object.geometry.faces[faceIndex * 2].color.setHex(nextColor);
  }
  renderer.render(scene, camera);
}

首先我得到了对象，并计算了面部索引。我尝试改变颜色，但它不起作用。如何解决这个问题？