Javascript Three.js-如何修改ArrowHelper的宽度
我尝试在以下JSFIDLE链接上修改粉色线的宽度: 如您所见,我通过以下方式定义局部基向量:Javascript Three.js-如何修改ArrowHelper的宽度,javascript,css,three.js,Javascript,Css,Three.js,我尝试在以下JSFIDLE链接上修改粉色线的宽度: 如您所见,我通过以下方式定义局部基向量: // 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
// 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
对象有什么作用呢
有人可以提出一些建议来改变这个宽度吗
感谢您的帮助您可以更改
3的线宽。箭头帮助器
如下所示:
arrowHelper = new THREE.ArrowHelper( dir, origin, length, color );
arrowHelper.line.material.linewidth = width;
线宽设置在某些Windows平台上可能不起作用
3.js r.75