javascript - Three.js - 移除 ArrowHelper 的头部

Question

我在我的代码中创建了一个 ArrowHelper 并通过调用下面的函数更新它的参数(每次调用此函数都会更新 ArrowHelper 维度):

function updateArrowHelper() {

    // Update parameters for transportedVector
    transportedVector.arrowHelper.setLength(transportedVector.coordLocal.length(), headLengthVector, headWidthVector);
  transportedVector.arrowHelper.setDirection(directionVector.normalize());
  transportedVector.arrowHelper.position.copy(coordTorus);
  transportedVector.arrowHelper.line.material.linewidth = widthVector;
  transportedVector.arrowHelper.setColor(hexVector);
  // Set head length and width to zero if dirVector.length is zero
  if (transportedVector.coordLocal.length() == 0.0)
        transportedVector.arrowHelper.setLength(0, 0, 0);    
}

如果它的长度(由 transportedVector.coordLocal.length() 给出)为零，我想让 ArrowHelper 的头部消失，我做了什么:

 // Set head length and width to zero if dirVector.length is zero
      if (transportedVector.coordLocal.length() == 0.0)
        transportedVector.arrowHelper.setLength(0, 0, 0);

但是在执行时，这不起作用:即使长度为空，一旦调用函数，仍然显示头部，我不知道为什么？

如果有人能看出问题所在。

提前致谢。

Answer 1

您可以使用此模式隐藏 ArrowHelper 的头部:

arrowHelper.cone.visible = false;

three.js r.80