Javascript 如何在Three.js中更改圆锥体底部的颜色？

我的圆锥体显示在JSFIDLE链接中。现在整个蛋筒都是蓝色的。但我想把圆锥体的方形底座改成红色。为此，我需要改变两个组成正方形底面的颜色。怎么做

用于My cone的JSIDLE链接：

---

提前感谢。

您可以为顶点指定颜色，然后在材质中使用顶点颜色。有关此过程的示例，请查看示例中的源代码：

function getGeometry(meshMaterial)
{
var cone;
var geo = new THREE.Geometry();
geo.vertices.push(new THREE.Vector3(0, 0, 0));
geo.vertices.push(new THREE.Vector3(-0.5, 0.5, 1));
geo.vertices.push(new THREE.Vector3(0.5, 0.5, 1));
geo.vertices.push(new THREE.Vector3(-0.5, -0.5, 1));
geo.vertices.push(new THREE.Vector3(0.5, -0.5, 1)); 
geo.faces.push( new THREE.Face3(0,1,2));
geo.faces.push( new THREE.Face3(2,1,4));
geo.faces.push( new THREE.Face3(1,3,4));
geo.faces.push( new THREE.Face3(4,3,0));
geo.faces.push( new THREE.Face3(3,1,0));
geo.faces.push( new THREE.Face3(0,2,4));
geo.computeFaceNormals();
cone = new THREE.Mesh(geo, meshMaterial);
cone.doubleSided = true;
cone.overdraw = true;
return cube;
}