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 |