Three.js - 如何修改 ArrowHelper 的宽度

Question

我尝试在以下 jsfiddle 链接上修改粉色线条的宽度：

animation of object

如您所见，我通过以下方式定义局部基向量：

// Add local vector axis of plane
var thetadir = new THREE.Vector3( 1, 0, 0 );
var phidir = new THREE.Vector3( 0, -1, 0 );
var originPlane = new THREE.Vector3( 0, 0, -radius );
var lengthPlane = 5;
var headLengthPlane = 1;
var headWidthPlane = 1;
var hex = 0xff00ff;

var arrowHelperTheta = new THREE.ArrowHelper( thetadir, originPlane, lengthPlane, hex, headLengthPlane, headWidthPlane );
var arrowHelperPhi = new THREE.ArrowHelper( phidir, originPlane, lengthPlane, hex, headLengthPlane, headWidthPlane );
camera.add( arrowHelperTheta );
camera.add( arrowHelperPhi );

我不想改变箭头的宽度，而是用 ArrowHelper 创建的那部分线。经过一番研究，我没有找到实现这一目标的方法。

例如，我尝试过：

arrowHelperTheta.line.linewidth = 5;

但没有成功。

我看到THREE.LineBasicMaterial对象，我们可以用linewidth指定宽度，但是ArrowHelper对象呢？

有人可以给出一些建议来改变这个宽度吗？

感谢您的帮助

Answer 1

您可以像这样更改THREE.ArrowHelper 的线宽：

arrowHelper = new THREE.ArrowHelper( dir, origin, length, color );

arrowHelper.line.material.linewidth = width;

线宽设置可能不适用于某些 Windows 平台。

three.js r.75