three.js - 正しい回転で ArrowHelper を作成する

Question

Three.js (r58) で正しい回転を使用して ArrowHelper を作成するにはどうすればよいですか?

var point1 = new THREE.Vector3(0, 0, 0);
var point2 = new THREE.Vector3(10, 10, 10);
var direction = new THREE.Vector3().subVectors(point1, point2);
var arrow = new THREE.ArrowHelper(direction.normalize(), point1);
console.log(arrow.rotation);

私は常にObject {x: 0, y: 0, z: 0}矢印の回転のために終わります。私は何を間違っていますか？

Answer 1

ArrowHelperクォータニオンを使用して向きを指定します。

これを行う場合：

var rotation = new THREE.Euler().setFromQuaternion( arrow.quaternion );

r.59 ではオイラー角で表された同等の向きがarrow.rotation自動的に更新されるため、ゼロは表示されなくなります。

編集: three.js r.59 に更新された回答