line
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>
エンティティは複数のラインを持つことができることに注意してください。ラインメッシュは、エンティティのobject3DMapにlineまたは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 |