25Days-19

function onGLC(glc) {
    glc.loop();
    // glc.size(200, 300);
    glc.setDuration(3);
     glc.setFPS(20);
    glc.setMode("single");
    // glc.setEasing(false);
    glc.setMaxColors(20);
    // glc.setQuality(1);
        glc.styles.backgroundColor = "black";
    var list = glc.renderList,
        width = glc.w,
        height = glc.h,
        color = glc.color;

    var numLines = 150,
        rad = 160;
        //credit to stackexchange
    function pointDirection(x1, y1, x2, y2) {
        return Math.atan2(y2 - y1, x2 - x1) * 180 / Math.PI;
    }
    for (var i = 0; i < numLines; i++) {
        xpos = Math.cos(2 * Math.PI * i / numLines) * rad;
        ypos = Math.sin(2 * Math.PI * i / numLines) * rad;
        oppXpos = Math.cos(2 * Math.PI * (i+numLines/2) / numLines) * rad;
        oppYpos = Math.sin(2 * Math.PI * (i+numLines/2) / numLines) * rad;
        pointToX = Math.cos(2 * Math.PI * (i+1) / numLines) * rad;
        pointToY = Math.sin(2 * Math.PI * (i+1) / numLines) * rad;
        var container = list.addContainer({
            translationX: width/2,
            translationY: height/2,
            x:[xpos,oppXpos],
            y: [ypos,oppYpos],
            rotation: [pointDirection(xpos,ypos,pointToX,pointToY),pointDirection(pointToX,pointToY,xpos,ypos)],
            phase: i*0.03
        })
        list.addLine({
            parent: container,
            x0: 0,
            y0: -100,
            x1: 0,
            y1: 100,
            lineWidth: 1,
            stroke: true,
            fill: false,
            strokeStyle: "white",
        })
    }
}