Question

我试图在webgl javascript框架three.js的帮助下，在这里http://www.intechopen.com/source/html/38305/media/image7.jpeg看到一个时空立方体。问题是让具有仅显示轮廓的材料的多维数据集。我为立方体的墙壁创建了6个平面（我不能使用立方体作为几何体，因为那样就不可能在里面放置一些东西并让它被渲染）。我得到的最接近的是将线框设置为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);

Three.js材料没有填充，只有轮廓

1 个答案: