arcs

function onGLC(glc) {
    glc.loop();
    // glc.playOnce();
    glc.size(540, 540);
    glc.setDuration(2.5);
    glc.setFPS(30);
    glc.setMode("single");
    // glc.setEasing(false);

    var list = glc.renderList,
        width = glc.w,
        height = glc.h,
        color = glc.color,
        ox = width/2,
        oy = height/2,
        TWO_PI = Math.PI*2;

    // your code goes here:

    var num = 30;

    for (var i=0; i<num; i++) {
        var rad = 25+i*5
            offSet = Math.random()*360,
            end = 90+Math.random()*90;
        list.addCircle({
            x:ox,
            y:oy,
            radius: rad,
            lineWidth:17,
            rotation: i%2===0?[offSet,offSet+360]:[offSet,offSet-360],
            startAngle: 0,
            endAngle: end,
            //drawFromCenter: true,
            //strokeStyle: i%3===0?"white":color.randomHSV(0, 360, .8,1, .8, 1),
            //strokeStyle: i%3===0?"white":color.hsv(360-360/num*i, 1, 1),
            strokeStyle: "white",
            fill: false,
            stroke: true,
            phase: num/i,
            lineCap: "square",
            shadowColor: "rgba(0, 0, 0, 0.9)" ,
            shadowOffsetX: 10,
            shadowOffsetY: 10,
            shadowBlur: 10,
        });
    }
}