Three.js材料没有填充，只有等高线

Question

我试图在webgl框架http://www.intechopen.com/source/html/38305/media/image7.jpeg的帮助下可视化一个时空立方体，如这里所示。问题是要让这个立方体的材料只显示轮廓。我为立方体的墙壁创建了6个平面(我不能用一个立方体作为几何学，因为这样就不可能在里面放置一些东西并让它被渲染)。我得到的最接近的是把线框设置成真。当然，它不仅渲染轮廓，而且呈现每个多边形的每一条线。不幸的是，three.js "API“一点帮助都没有。

Answer 1

摘自"如何划线“- ThreeJS wiki

假设你有你的场景，渲染器和相机设置，你可以这样做。

var material = new THREE.LineBasicMaterial({
    color: 0x0000ff
});

var geometry = new THREE.Geometry();
geometry.vertices.push(new THREE.Vector3(-10, 0, 0));
// Everything from this point, would represent a line
geometry.vertices.push(new THREE.Vector3(0, 10, 0));
geometry.vertices.push(new THREE.Vector3(10, 0, 0));

var line = new THREE.Line(geometry, material);  scene.add(line);

// on update
renderer.render(scene, camera);