colorVar

function onGLC(glc) {
    glc.loop();
     glc.size(540, 540);
     glc.setDuration(3);
     glc.setFPS(35);
    glc.styles.backgroundColor = "#202020";
//     glc.setMode('single');
//     glc.setEasing(false);
    var list = glc.renderList,
        width = glc.w,
        height = glc.h,
        color = glc.color;

    // your code goes here:

    var w = 300,
        c = 0;
        step = 10;

    while( w>0) {
        c++;
        list.addRect({
            x: width / 2,
            y: height / 2,
            w: [15,w],
            h: [w,15],
            //fill: false,
            //stroke: true,
            //strokeStyle: color.hsva(360-360/40*c,1,1,.5),
            fill: true,
            stroke: true,
            strokeStyle: color.rgba(255,255,255,.5),
            fillStyle: color.hsva(150/30*c,1,1,1),
            lineWidth:1,
            //rotation: [-90+c*4,90+c*2],
            rotation: [0,180],
            phase: c/150
            //phase: .5/c,
            //phase: Math.sin(w*0.001)
        });
        w -= step;
    }

    list.addText({
        x: width-50,
        y: height-15,
        text: "p5art.tumblr.com",
        fontSize: 10,
        fillStyle: color.rgba(255,255,255,.5),

    });