Как я анимирую использование JavaScript и qml?

QtQuick предлагает богатый набор библиотек перехода и анимации, которые можно найти здесь . Это в основном включает изменение свойств объекта с интервалом требуемого времени.

Вот пример кода для анимации прямоугольного блока для перемещения стороны пути.

     Rectangle {
        id: rect
        color: "Green"
        width: units.gu(20)
        height: width
        x: units.gu(0)
        y: units.gu(0)

        MouseArea {
            anchors.fill: parent
            onClicked: rectAnimation.start()
        }

        NumberAnimation {
            id: rectAnimation
            target: rect
            property: "y"
            from: units.gu(0)
            to: units.gu(20)
            duration: 500
        }
    }

можно инициировать анимации на основе различных вещей как объектные состояния, поведение и т.д... Например, если бы Вы хотите, чтобы прямоугольник увеличил свой размер жидким способом, Вы определили бы следующее поведение,

Behavior on width {
    NumberAnimation { duration: 500 }
}

, QtQuick бесконечно мощен. Я настоятельно рекомендовал бы прохождение через официальной спокойной документации для обнаружения различных типов доступных анимаций и их триггеры.

Примечание: В то время как разработка приложений для Касания Ubuntu требует SDK Ubuntu, стоит знать, что сам SDK Ubuntu использует QT, и следовательно Вы получили бы больше результатов при поиске решений QML, а не решений для SDK Ubuntu в будущем.