Three.jsで矢印を描画する

threejs-arrow.png

//矢印オブジェクトを作る
var from = new THREE.Vector3( 0.6, 0.6, 0 );
var to = new THREE.Vector3( -0.6, -0.6, 0 );
var direction = to.clone().sub(from);
var length = direction.length();
var arrowHelper = new THREE.ArrowHelper(direction.normalize(), from, length, 0xA5D9DD);
scene.add( arrowHelper );

太さが指定できないのが欠点

arrow

サポートサイト Wikidot.com arrow