三.js线段上的虚线材料不起作用

Question

in three.js 我正在尝试绘制一个带有虚线边缘的立方体，但线条仍然显示为实心。这是我的代码：

var mat_line = new THREE.LineDashedMaterial( { color: "black", dashSize: 1, gapSize: 1 } );
var geometry = new THREE.BoxGeometry( 10, 10, 10 );
geometry.computeLineDistances();
var cube = new THREE.Mesh( geometry, mat_cube );
scene.add( cube )    
var edges = new THREE.EdgesGeometry( geometry )
var line = new THREE.LineSegments( edges, mat_line )
scene.add( line )

谁能看到我在这里出了问题？ 还是此工作流程无法实现？

Answer 1

您希望将LineDashedMaterial与EdgesGeometry一起使用。

要使用LineDashedMaterial线必须指定线距。

使用如下模式：

var material = new THREE.LineDashedMaterial( { color: 0xff0000, dashSize: 1, gapSize: 1 } );
var geometry = new THREE.BoxGeometry( 10, 10, 10 );
geometry = new THREE.EdgesGeometry( geometry );
var line = new THREE.LineSegments( geometry, material );
line.computeLineDistances();
scene.add( line );

三.js R.92