three.js - 三个JS虚线 Material 不显示

Question

我正在尝试创建带有虚线图案的线条，但不知何故 Material 没有反射(reflect)在我正在创建的线条上，我只是看不出我在这里做错了什么......

我正在使用来自 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

.line距离

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