要素のTweenMax回転を正しく更新する

Question

現在、TweenMaxを使用して回転量を増やして、X秒ごとにオブジェクトを180度アニメーション化しようとしています。具体的には、CSSPlugin内の2D変換です。

最新号

現時点では、新たな「アニメーション」がトリガーされるたびに、要素がゼロ度にその回転をリセットしてから180度に移行します。私がやりたいのは何

意図した結果

現在の総回転するたびに加算される追加の180度にそれを持っています。例：180、360、540、など

現在のスニペット&例

ここでは私のTweenMaxコードの大部分である：

TweenMax.to(el, 1, { 
    rotation: '+=180', 
    repeat: -1, 
    repeatDelay: 1, 
}); 

完全な例はhereを表示することができます。

Answer 1

GSAPは、アニメーションの終了ローテーションに到達する方法を「短い」方法で適用します。代わりに_cwまたは別のオプションを使用して、ローテーションの適用方法をライブラリに伝える必要があります。

ライブ例：

https://jsbin.com/ridoqa/edit?html,css,js,output

var el = document.querySelectorAll('#box'); 

TweenMax.from(el, 1, { 
    rotation: '+=360_cw', 
    repeat: -1, 
    repeatDelay: 1, 
}); 

もっとに関する情報： https://greensock.com/forums/topic/7997-rotate-the-shortest-way/