lineコンポーネントは、THREE.Line (opens new window)を使用して開始座標と終了座標を指定して線を描画します。

Raycaster コンポーネントは line コンポーネントの showLine プロパティを使用し、それを laser-controls コンポーネントが使用します。

#

<a-entity line="start: 0 1 0; end: 2 0 -5; color: red"
          line__2="start: -2 4 5; end: 0 4 -3; color: green"></a-entity>

エンティティは複数のラインを持つことができることに注意してください。ラインメッシュは、エンティティのobject3DMaplineまたはline__<ID>として設定される。

console.log(el.getObject3D('line'));
console.log(el.getObject3D('line__2'));

# Properties

Property 概要 デフォルト値
start 開始時の座標 0 0 0
end 終了時の座標 0 0 0
color 線の色 #74BEC1
opacity 先の透明度 1
visible マテリアルが目に見えるか true