javascript - 三.js虚线圆

Question

按照虚线的模式，我尝试了这个，但它没有给我一个虚线圆圈(并不奇怪)。

var dashMaterial = new THREE.LineDashedMaterial( { color: 0xee6666, dashSize: 0.5, gapSize: 0.5  } ),
circGeom = new THREE.CircleGeometry( 10, 20 );
circGeom.computeLineDistances();
circGeom.vertices.shift();
var circ = new THREE.Line( circGeom, dashMaterial);
scene.add( circ );

如何在 Three.js 中构造虚线圆？

Answer 1

删除中心顶点后，您必须计算顶点之间的距离:

circGeom.computeLineDistances();
circGeom.vertices.shift();

=>

circGeom.vertices.shift();
circGeom.computeLineDistances();

[https://jsfiddle.net/fs904hon/ ]