25Days-10

function onGLC(glc) {
    glc.loop();
    // glc.size(400, 400);
    glc.setDuration(1);
    // glc.setFPS(20);
    glc.setMode("single");
    glc.setEasing(false);
    // glc.setMaxColors(256);

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

//stretch
    list.setCurrentScene(1);
     list.addCircle({
        x: width/2,
        y: height/2,
        stroke: true,
        strokeStyle: "red",
        strokeWeight: 5,
        fill: false,
        startAngle: -90,
        endAngle: [-90,190],
        rotation: [-90,180]
    })
// contract
    list.setCurrentScene(2);
    list.addCircle({
        x: width/2,
        y: height/2,
        stroke: true,
        strokeStyle: "red",
        strokeWeight: 5,
        fill: false,
        startAngle: [-90,160],
        endAngle: 180,
        rotation: [-180,90]
    })
//stretch
    list.setCurrentScene(3);
     list.addCircle({
        x: width/2,
        y: height/2,
        stroke: true,
        strokeStyle: "green",
        strokeWeight: 5,
        fill: false,
        startAngle: -200,
        endAngle: [-180,90],
        rotation: [-270,0]
    })
// contract
    list.setCurrentScene(4);
    list.addCircle({
        x: width/2,
        y: height/2,
        stroke: true,
        strokeStyle: "green",
        strokeWeight: 5,
        fill: false,
        startAngle: [-180,90],
        endAngle: 110,
        rotation: [0,270]
    })
//stretch
    list.setCurrentScene(5);
     list.addCircle({
        x: width/2,
        y: height/2,
        stroke: true,
        strokeStyle: "yellow",
        strokeWeight: 5,
        fill: false,
        startAngle: 90,
        endAngle: [110,360],
        rotation: [-90,180]
    })
// contract
    list.setCurrentScene(6);
    list.addCircle({
        x: width/2,
        y: height/2,
        stroke: true,
        strokeStyle: "yellow",
        strokeWeight: 5,
        fill: false,
        startAngle: [-270,0],
        endAngle: 20,
        rotation: [-180,90]
    })
//stretch
    list.setCurrentScene(7);
     list.addCircle({
        x: width/2,
        y: height/2,
        stroke: true,
        strokeStyle: "blue",
        strokeWeight: 5,
        fill: false,
        startAngle: 0,
        endAngle: [20,270],
        rotation: [90,360]
    })
    //contract
    list.setCurrentScene(0);
    list.addCircle({
        x: width/2,
        y: height/2,
        stroke: true,
        strokeStyle: "blue",
        strokeWeight: 5,
        fill: false,
        startAngle: [0,270],
        endAngle: 280,
        rotation: [0,270]
    })
}