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/[email protected]/index.min.js"></script>

Examples

connecting-line.html

Code

connecting-line