javascript - 更改 ArrowHelper 类 Threejs 的箭头属性

Question

我正在使用箭头助手类，我找到了这个例子 http://stemkoski.github.io/Three.js/Helpers.html我能够让箭头工作。但是我的箭头比我想要的要大得多，我目前有这段代码

var direction = new THREE.Vector3().subVectors(secondVector, firstVector).normalize();
var arrow = new THREE.ArrowHelper(direction, firstVector, computeDistance(node1, node2) - 32, co);
bigObject.add(arrow);

箭头从 firstVector 开始指向 `secondVector

有没有办法更改箭头绘制方式的大小或任何属性(例如笔划粗细、箭头位置等)？我没有在文档中看到任何看起来很有希望的内容。

谢谢你的帮助!

Answer 1

问得好，但答案是否定的。箭头的头部与箭头的长度成比例。

您唯一的解决方案是创建您自己的自定义 ArrowHelper。

three.js r.63

编辑:此功能已添加到开发分支 three.js r.64dev。

var arrow = new THREE.ArrowHelper( dir, origin, length, hex, headLength, headWidth );