Javascript 三个.js立方体，每个面上有不同的纹理。如何隐藏边/顶点

我试图在Three.js中创建一个立方体，立方体的每个面上都有不同的纹理图像

如何隐藏网格的边/顶点

代码：

var容器、摄影机、场景、渲染器、立方体；
init（）；
制作动画（）；
函数init（）{
container=document.getElementById（'container'）；
场景=新的三个。场景（）；
摄像头=新的三个透视摄像头（70，window.innerWidth/window.innerHeight，11000）；
摄像机位置y=150；
摄像机位置z=500；
场景。添加（摄影机）；
var材料=[]；
对于（变量i=0；i<6；i++）{
materials.push（新的THREE.MeshBasicMaterial（{map:THREE.ImageUtils.loadTexture（'img/'+i+'.png'））}）；
}
立方体=新的三点网格（新的三点立方体测量法（2002002002005,5,5，材质），新的三点网格面材质（））；
立方体位置y=150；
场景.添加（立方体）；
renderer=new THREE.CanvasRenderer（）；
renderer.setSize（window.innerWidth、window.innerHeight）；
container.appendChild（renderer.doElement）；
}
函数animate（）{
请求动画帧（动画）；
render（）；
}
函数render（）{
立方体旋转y+=0.005；
渲染器。渲染（场景、摄影机）；
}

更改行：

cube = new THREE.Mesh( new THREE.CubeGeometry( 200, 200, 200, 5,5,5, materials ), new THREE.MeshFaceMaterial() );

致：

更改：

for ( var i = 0; i < 6; i ++ ) {
    materials.push( new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'img/' + i + '.jpg') } ) );
}

for（变量i=0；i<6；i++）{
materials.push（新的THREE.MeshBasicMaterial（{map:THREE.ImageUtils.loadTexture（'img/'+i+'.jpg'））}）；
}

致：

for（变量i=0；i<6；i++）{
materials.push（新的THREE.MeshBasicMaterial（{map:THREE.ImageUtils.loadTexture（'img/'+i+'.jpg'），overdraw:true}）；
}

尝试使用其他渲染器。更改此行：

 renderer = new THREE.CanvasRenderer();

对于这一点：

 renderer = new THREE.WebGLRenderer();

---

这段代码看起来好像不会显示边缘。。。您需要在某处设置一个线框：true标志才能看到它们。你能在某个地方发布你的代码的实例吗？这样我们就可以看到你在说什么了。我想在JSFIDLE上发布一个示例，但它不起作用。当我在for循环中使用

overdraw:true

时，它不再显示边缘。当我没有像Elisher建议的那样细分网格时，立方体的面会以一种奇怪的方式移动。看见

for ( var i = 0; i < 6; i ++ ) {
    materials.push( new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'img/' + i + '.jpg'), overdraw: true } ) );
}

 renderer = new THREE.CanvasRenderer();

 renderer = new THREE.WebGLRenderer();