arrows1

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

    var numArrows = 50,
        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 < numArrows; i++) {
        xpos = Math.cos(2 * Math.PI * i / numArrows) * rad;
        ypos = Math.sin(2 * Math.PI * i / numArrows) * rad;
        oppXpos = Math.cos(2 * Math.PI * (i+numArrows/2) / numArrows) * rad;
        oppYpos = Math.sin(2 * Math.PI * (i+numArrows/2) / numArrows) * rad;
        pointToX = Math.cos(2 * Math.PI * (i+numArrows/2) / numArrows) * rad;
        pointToY = Math.sin(2 * Math.PI * (i+numArrows/2) / numArrows) * rad;
        list.addArrow({
            translationX: width/2,
            translationY: height/2,
            x: [xpos,oppXpos],
            y: [ypos,oppYpos],
            w: 40,
            h: 20,
            rotation: [pointDirection(xpos,ypos,pointToX,pointToY),pointDirection(pointToX,pointToY,xpos,ypos)],
            fillStyle: color.randomRGB(),
            phase: i*0.04
        })
        // list.addLine({
        //     translationX: width/2,
        //     translationY: height/2,
        //     x0: xpos,
        //     y0: ypos,
        //     x1: oppXpos,
        //     y1: oppYpos,
        //     lineWidth: 1,
        //     strokeStyle: "white"
        // })
    }
}