three.js - three - Tres líneas discontinuas JS que no se muestran

three.js tutorial

Question

Intento crear líneas con un patrón discontinuo, pero de alguna manera el material no se refleja en la línea que estoy creando y simplemente no puedo ver lo que estoy haciendo mal aquí ...

Estoy usando el código de este ejemplo, que debería producir esto:

Cuando tomo el siguiente código:

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);

Esto es lo que obtengo:

¡Cualquier pista sería apreciada!

Answer 1

geometry.computeLineDistances();

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

.lineDistances

Una matriz que contiene distancias entre vértices para geometrías de línea. Esto es necesario para LinePieces / LineDashedMaterial para representar correctamente. Las distancias de línea también se pueden generar con computeLineDistances.