squares

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

    var list = glc.renderList,
        width = glc.w,
        height = glc.h;

    // your code goes here:

    var rad = 100,
        rad2 = rad*1.5,
        cx = width/2,
        cy = height/2;

    list.addPoly({
        x: width/2,
        y: height/2,
        radius: [rad,0],
        sides: 4,
        rotation: [90,0]
    });

    list.addPoly({
        x: [-rad2,cx-rad/2],
        y: cy,
        radius: [rad2,rad/2],
        sides: 4,
        rotation: [0,90]
    });

    list.addPoly({
        x: cx,
        y: [-rad2,cy-rad/2],
        radius: [rad2,rad/2],
        sides: 4,
        rotation: [0,90]
    });

    list.addPoly({
        x: [width+rad2,cx+rad/2],
        y: cy,
        radius: [rad2,rad/2],
        sides: 4,
        rotation: [0,90]
    });

    list.addPoly({
        x: cx,
        y: [height+rad2,cy+rad/2],
        radius: [rad2,rad/2],
        sides: 4,
        rotation: [0,90]
    });
}