I have been attempting to adjust the width of pink lines on this jsfiddle link:
In my code, I am defining local basis vectors as follows:
// Defining 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);
My goal is to change the width of the line created with ArrowHelper without altering the arrow itself. However, I have not been successful in finding a way to do so.
I attempted the following code snippet:
arrowHelperTheta.line.linewidth = 5;
but it did not work as expected.
While researching, I found that for the THREE.LineBasicMaterial object, we can set the width using linewidth. But how can this be achieved for the ArrowHelper object?
If anyone has advice on how to adjust the width of the line in this context, I would greatly appreciate it.
Thank you for your assistance.