如何改变Three.js中cone的基色的颜色？

Question

我的锥体显示在jsfiddle链接中。现在整个锥体是单色的，是蓝色的。但我想将圆锥体的底部颜色改为红色。为此我需要改变形成Square底座的两个面的颜色。怎么做？

的jsfiddle链接，我的锥形：http://jsfiddle.net/sagh0900/suvKg/1/

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

在此先感谢。

Answer 1

您可以为顶点分配颜色，然后在材质中使用顶点颜色。举个例子来看这个过程，看例子中的源代码：

http://stemkoski.github.com/Three.js/Vertex-Colors.html