私はGSAPが初めてで、GSAP scaleX
とx
を使用して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")
大変助かりました。ありがとう!
私はそれがimmediateRenderのことだと思う - https://greensock.com/immediateRenderをご覧ください。 fromTo()トゥイーンに対してimmediateRender:falseを設定してみてください。それは役に立ちますか?あなたがhttps://greensock.com/forums/ – Jack
のフォーラムに投稿した場合、 'toVars'のおかげで、' immediateRender:false'オプションをオプションとして追加すると、より良い回答を得ることができます!あなたは答えとしてそれを提出してください。私はそれを答えにすることができますか? – martellalex