如何使用THREE.js createMultiMaterialObject函數控制線寬？

Question

我正在嘗試使用THREE.js中的createMultiMaterialObject函數來創建也顯示線框的陰影對象。問題是線條出現破裂&似乎沒有響應參數線框線寬。

我的材料被定義如下：

var mat1 = new THREE.MeshBasicMaterial({ color: 0xd02000, transparent: true, blending: THREE.AdditiveBlending }) 
var blackLines = new THREE.MeshBasicMaterial({ color: 0x000000, wireframe: true, wireframeLinewidth: 4 }); 

和對象是在這裏：

var object = THREE.SceneUtils.createMultiMaterialObject(new THREE.CubeGeometry(100, 100, 100, 4, 4, 4), materials); 
       object.position.set(-100, 150, 0); 
       scene.add(object); 

但是，這會產生這樣的結果：

任何幫助，將不勝感激。謝謝！

Answer 1

你的代碼沒問題。你正在運行Windows？如果是這樣，它可能是一個角度問題，在這種情況下，線寬不能改變。看到這個相關的question。

如果無法增加線寬，一個變通辦法在你的情況是使比固體網格大線框模型只是有點，例如：

object.children[ 1 ].scale.multiplyScalar(1.01); 

如果你這樣做，不會再有斷線，它會很美麗。 :-)

three.js r.55