三个JS虚线材料未显示

Question

我正在尝试用虚线图案创建线条,但不知何故,材料没有反映在我正在创建的线上,我只是看不出我在这里做错了什么...

我正在使用此示例中的代码,它应该产生以下代码:

当我采用以下代码时:

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() 已被弃用,因此Derte Trdelnik的答案现在无法奏效.

请Line.computeLineDistances()改用.

Answer 2

geometry.computeLineDistances();

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

.lineDistances

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