three.js - 如何使用 THREE.js createMultiMaterialObject 函数控制线宽？

Question

我正在尝试使用 THREE.js 中的 createMultiMaterialObject 函数来创建也显示线框的着色对象。问题是线条看起来断了并且似乎没有响应 wireframeLinewidth 参数。

我的 Material 定义如下:

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

如果你这样做了，就不会再有断线，而且会很漂亮。 :-)

三.js r.55