javascript - Three.js Material 没有填充，只有轮廓

Question

我正在尝试想象一个时空立方体，如此处所示 http://www.intechopen.com/source/html/38305/media/image7.jpeg在 webgl javascript 框架 three.js 的帮助下。 问题是让那个立方体的 Material 只显示轮廓。我为立方体的墙壁创建了 6 个平面(我不能使用立方体作为几何体，因为那样就不可能在里面放置东西并让它被渲染)。 我最接近的是将 wireframe 设置为 true。但当然，它不仅渲染轮廓，还渲染每个多边形的所有其他线条。 不幸的是，three.js“API”根本不是很有用。

Answer 1

取自“How to draw a line”- 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);