Как сделать поворот анимации поворотов на 90 градусов при каждом нажатии?

Question

У меня есть функция под названием turnWheel:

turnWheel : function() {
    var el = this.getContainerElement().getDomElement();
    qx.bom.element.Animation.animate(el, {
        duration: 300, 
        timing: "linear", 
        keep: 100, 
        origin: "50% 50%",
        keyFrames : {
          0: {rotate: "0deg"},
          50: {rotate: "45deg"},
          100 : {rotate : "90deg"}
        }
    });
}

Но когда я выполню turnWheelИзображение поворачивается на 90 градусов. Но если я выполню снова, изображение вернется в исходное место и повернется на те же 90 градусов. Я хочу добиться того, чтобы при каждом щелчке изображение поворачивалось на 90 градусов, а при втором щелчке - на следующие 90 градусов и так далее.

Что я упустил?

Answer 1

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

http://tinyurl.com/ox653l5