Three.js材質沒有填充，只有輪廓

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維基

假設你有你的場景，渲染器和攝像頭設置，你可以做到這一點。

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