import QtQuick
import QtQuick.Shapes

Window {
    height: 100
    visible: true
    width: 100

    Timer {
        interval: 1000
        repeat: true
        running: true

        onTriggered: {
            print("Triggered");
            shape.data.splice(0, shape.data.length).slice(1).map(x => shape.data.push(x));
            print("Colors left", shape.data.map(p => p.fillColor));
        }
    }
    Shape {
        id: shape

        anchors.fill: parent

        // preferredRendererType: Shape.CurveRenderer

        Component.onCompleted: print("renderer type is", rendererType)

        ShapePath {
            fillColor: "red"

            PathRectangle {
                height: 10
                width: 10
                x: 0
                y: 0
            }
        }
        ShapePath {
            fillColor: "green"

            PathRectangle {
                height: 10
                width: 10
                x: 20
                y: 0
            }
        }
        ShapePath {
            fillColor: "blue"

            PathRectangle {
                height: 10
                width: 10
                x: 40
                y: 0
            }
        }
    }
}