Rectangle {
            x:0
            y:0
            width: 4000
            height: 4000
            anchors.centerIn: parent
            color: "white"
            z: 1
        }

        Timer {
            running: true
            repeat: true
            interval: 2000
            onTriggered: {
                if (funnyRect.state === "ONE") {
                    funnyRect.state = "SECOND"
                } else {
                    funnyRect.state = "ONE"
                }
            }
        }

        Rectangle {
            id: funnyRect
            x: 1256
            y: 64
            width: 500
            height: 500
            color: "grey"
            z: 2

            state: "ONE"

            states: [
                State {
                    name: "ONE"
                    PropertyChanges { target: funnyRect; scale: 1.0}
                    PropertyChanges { target: funnyRect; x: 1256}
                    PropertyChanges { target: funnyRect; y: 64}
                },
                State {
                    name: "SECOND"
                    PropertyChanges { target: funnyRect; scale: 0.65}
                    PropertyChanges { target: funnyRect; x: 1331}
                    PropertyChanges { target: funnyRect; y: 174}
                }
            ]

            transitions: [
                Transition {
                    to: "*"
                    ScaleAnimator   { duration: 1000; easing.type: Easing.InOutCubic }
                    PropertyAnimation { properties: "x,y"; duration: 1000; easing.type: Easing.InOutCubic }
                }
            ]
        }