三个JS虚线材料未显示

Question

我试图创建一个带有虚线图案的线条，但不知何故，这些材料并没有反映在我创建的线条上，而我却无法看到我所做的事情。我在这里做错了......

我使用this示例中的代码，该代码应该生成：

当我使用以下代码时：

var geometry = new THREE.Geometry();
geometry.vertices.push(new THREE.Vector3(0,0,0));
geometry.vertices.push(new THREE.Vector3(100,0,0));

var material = new THREE.LineDashedMaterial({ color: 0xffaa00, dashSize: 3, gapSize: 1, linewidth: 2 });

var mesh = new THREE.Line(geometry, material);
scene.add(mesh);

这就是我得到的：

任何提示都将不胜感激！

Answer 1

geometry.computeLineDistances();

http://threejs.org/docs/#api/core/Geometry

.lineDistances

包含线几何的顶点之间距离的数组。这是LinePieces / LineDashedMaterial正确呈现所必需的。也可以使用computeLineDistances生成行距离。

Answer 2

Geometry.computeLineDistances()已被弃用，因此Derte Trdelnik的回答现在无法解决。

改为使用Line.computeLineDistances()。