3

我正在尝试使用 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 );

但这会产生以下结果：MultiMaterial 上的错误线框

任何帮助，将不胜感激。谢谢！

4

1 回答 1

2

你的代码很好。你在运行 Windows 吗？如果是这样，则可能是 ANGLE 问题，在这种情况下无法更改线宽。请参阅此相关问题。

如果您无法增加线宽，则在您的情况下，一种解决方法是使线框网格比实体网格稍大一点，如下所示：

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

如果你这样做，就不会有更多的折线，它会很漂亮。:-)

三.js r.55

于 2013-01-21T03:50:42.667 回答