2017-06-12 8 views
0

私はGSAPが初めてで、GSAP scaleXxを使用して2.5D回転コインを組み立てています。タイムラインにGSAP scaleXが表示されない

コインは、a)テール側で「回転」、b)テール側を回転し、c)ヘッド側で回転し、d)ヘッド側を回転させ、次にループシーケンスの最初の部分が再びテール側の回転を開始する。

私はアニメーションをc)まで取得しましたが、scaleXを使用してd)を開始しようとすると、タイムラインに何かが発生し、コインの「ヘッド」側がアニメーションの開始から表示されます。

私が含まれているここにcodepen:https://codepen.io/bamartelly/pen/RgayML

場合、非コメント行103(以下すぎに貼り付けられた)私はステップdの実装を開始しようとすると、アニメーションの破壊を見ることができます)108へ。

 .fromTo(coin.heads, flipTime,{ 
     scaleX:1, 
     x:0 
     } , { 
     scaleX:0, 
     x:8 
     }, "headEnd") 

大変助かりました。ありがとう!

+0

私はそれがimmediateRenderのことだと思う - https://greensock.com/immediateRenderをご覧ください。 fromTo()トゥイーンに対してimmediateRender:falseを設定してみてください。それは役に立ちますか?あなたがhttps://greensock.com/forums/ – Jack

+0

のフォーラムに投稿した場合、 'toVars'のおかげで、' immediateRender:false'オプションをオプションとして追加すると、より良い回答を得ることができます!あなたは答えとしてそれを提出してください。私はそれを答えにすることができますか? – martellalex

答えて

1

私はそれがimmediateRenderのことだと思う - http://greensock.com/immediateRenderを参照してください。 fromTo()トゥイーンに対してimmediateRender:falseを設定してみてください。

ハッピートゥイーン!

関連する問題