[英]Three.js - How to modify width of ArrowHelper
我尝试在以下jsfiddle链接上修改粉红色线条的宽度:
如您所见,我通过以下方式定义局部基向量:
// 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
对象又如何呢?
有人可以提出一些建议来更改此宽度吗?
谢谢你的帮助
您可以像这样更改THREE.ArrowHelper
线宽:
arrowHelper = new THREE.ArrowHelper( dir, origin, length, color );
arrowHelper.line.material.linewidth = width;
线宽设置可能不适用于某些Windows平台。
three.js r.75
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.