AFrameCurveComponent.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AFrame Curve Component</title>
    <script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>  <script src="https://unpkg.com/aframe-curve-component/dist/aframe-curve-component.min.js"></script>
</head>
<body>
    <a-scene>
        <a-curve id="track1">
            <a-curve-point position="-1 1 -3"></a-curve-point>
            <a-curve-point position="1 1 -3"></a-curve-point>
        </a-curve>
        
        <!-- Draw the Curve -->
        <a-draw-curve curveref="#track1" material="shader: line; color: blue;"></a-draw-curve>
        
        <!-- Clone a Box along the Curve -->
        <a-entity clone-along-curve="curve: #track1; spacing: 0.2; scale: 1 1 1; rotation: 0 0 0;" geometry="primitive:box; height:0.1; width:0.2; depth:0.1"></a-entity>
      </a-scene>
</body>
</html>