aframe-connecting-line

connecting-line

Uses the A-Frame "line" component to draw a line between points on two entities.

The position of the line is updated automatically whenever the entity at either end is moved.

Schema

Property	Description	Default
start	selector for entity to draw line from
startOffset	offset of the start of the line in the co-ordinate space of the start entity	0 0 0
end	selector for entity to draw line to
endOffset	offset of the start of the line in the co-ordinate space of the end entity	0 0 0
color	as per "line" component	#74BEC1
opacity	as per "line" component	1
visible	as per "line" component	true

Installation

<script src="https://cdn.jsdelivr.net/npm/aframe-connecting-line@0.1.0/index.min.js"></script>

Examples

connecting-line.html

Code

connecting-line