GSAP scaleX在时间轴中不按顺序出现

Question

我是GSAP的新手，正在使用GSAP scaleX和x整理2.5D旋转硬币。

硬币意味着a）＆＃34;旋转＆＃34;在尾部侧，然后b）旋转尾部侧，然后c）在头侧旋转，然后d）旋转头侧，然后序列的环开始再次旋转尾部侧。 / p>

我已经将动画制作到c），但是当我尝试使用scaleX来启动d）时，时间轴上发生了一些事情，并且＆＃34; head＆＃34;硬币的一面从动画的一开始就出现了。

我在这里添加了一个codepen：https://codepen.io/bamartelly/pen/RgayML

如果您取消注释103到108行（也粘贴在下面），当我尝试开始执行步骤d）时，您可以看到动画中断。

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

任何帮助非常感谢。谢谢！

Answer 1

我怀疑它是一个立即的事情 - 请参阅http://greensock.com/immediateRender。尝试在fromTo（）补间设置immediateRender：false。

快乐的补间！