Lines made of points

Code

var bg = new Path.Rectangle({
    size: view.size,
    fillColor: 'black'
})

var arrayInner = []
var arrayOuter = []

function createPoints(amount, distanceFromCenter, arrayToFeed){
    
    for (var i = 0; i < amount; i++){
     
        var innerPoints = new Path.Circle({
            radius: 2,
            fillColor: 'yellow',
            position: view.center + [distanceFromCenter, 0]
        })
     
        innerPoints.rotate(360/amount * i, view.center)
        arrayToFeed.push(innerPoints.position)
    
    }


}
 
function createLine(){
    for (var i = 0; i < amount; i++){
    
        var path = new Path.Line({
            from: arrayInner[i],
            to: arrayOuter[i],
            strokeColor: 'red'
        })    

        
    }
    
}

function createPath(i){

    var path = new Path.Line({
        from: [0, 0],
        to: [0, 60],
        strokeColor: 'blue',
        strokeWidth: strokeWidth,
        strokeCap: 'round',
        position: view.center,
        applyMatrix: false,
        dashArray: [59, 20]
        // dashArray: [10, 40, 60, 20]
    })

    path.onFrame = function(event){
        this.strokeColor.hue = colorWidth * i + (-event.count * 0.5)
        this.segments[0].point.y = Math.sin(animationSpeed * event.count + i * waveLength) * waveAmplitude
    }

    
    return path
}

var amount = 24

createPoints(amount, 90, arrayInner)
createPoints(amount, 200, arrayOuter)
createLine()