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.
| 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 |
| lengthAdjustment | one of: none, scale, extend, absolute | none |
| lengthAdjustmentValue | Value used in adjusting the length of the line. Meaning depends on the lengthAdjustment parameter as follows: none: this parameter is ignored scale: a scale factor to apply to the length of the connecting line, relative to the actual distance between start and end extend: an absolute length to extend the connecting line by (negative values will mean the line is just short of the points) absolute: an absolute length for the connecting line, irrespective of the distance between start and end. |
0 |
<script src="https://cdn.jsdelivr.net/npm/aframe-connecting-line@0.2.1/index.min.js"></script>