Testing rotation animations

RotationAnimationTest

import QtQuick 2.2
import QtQuick.Window 2.1

Window {
    visible: true
    width: 360
    height: 360

    MouseArea {
        id: mouseArea
        anchors.fill: parent
        onClicked: {
            rect.state = rect.state === "clicked" ? "" : "clicked";
        }
    }

    Rectangle {
        id: rect
        width: 50
        height: 50
        color: "blue"
        anchors.centerIn: parent

        function getRandom() {
            var rand = Math.floor(Math.random() * 360) + 1;

            console.log("Random: " + rand);

            return rand;
        }

        states: [
            State {
                name: "clicked"

                PropertyChanges {
                    target: rect

                    rotation: getRandom()
                }
            }
        ]

        transitions: Transition {
            to: "clicked"

//            PropertyAnimation {
//                target: rect
//                properties: "rotation"
//                duration: 500
//            }

            RotationAnimation {
                target: rect
                duration: 500
            }
        }
    }
}