Javascript TweenJs-单击时旋转矩形仅运行一次

Javascript TweenJs-单击时旋转矩形仅运行一次,javascript,createjs,tweenjs,Javascript,Createjs,Tweenjs,我试图在名为TweenJs(CreateJs套件的一部分)的JavaScript库中的“单击”事件上创建简单的动画,但似乎动画仅在我第一次单击矩形时更新显示。动画第一次结束后,在每次单击时,似乎代码正在运行,但显示静止(或不更新)。您可以在控制台中看到它记录动画的开始和结束 有人能帮我解释一下我的代码有什么问题吗?一般来说,这是使用stage.update()的正确方法吗 这是我的密码: 非常感谢问题是,一旦旋转它,它已经旋转到您在后续单击中指定的角度 一个简单的解决方案是在单击时添加一个零持

我试图在名为TweenJs(CreateJs套件的一部分)的JavaScript库中的“单击”事件上创建简单的动画,但似乎动画仅在我第一次单击矩形时更新显示。动画第一次结束后,在每次单击时,似乎代码正在运行,但显示静止(或不更新)。您可以在控制台中看到它记录动画的开始和结束

有人能帮我解释一下我的代码有什么问题吗?一般来说,这是使用
stage.update()的正确方法吗

这是我的密码:


非常感谢

问题是,一旦旋转它,它已经旋转到您在后续单击中指定的角度

一个简单的解决方案是在单击时添加一个零持续时间
to()
调用来重置它

createjs.Tween.get(square)
    .to({rotation:0}) // This one has no duration, so it is immediate
    .to({rotation:360},3000)
    .call(squareRotationComplete);
另一个选项是始终基于初始二者之间旋转它

createjs.Tween.get(square)
    .to({rotation:square.rotation + 360},3000)
    .call(squareRotationComplete);
最后,您可以使用。首先安装它,然后在
to()
调用中使用“+360”

createjs.RelativePlugin.install(); // Run once
createjs.Tween.get(square)
    .to({rotation:"+360"},3000) // Note the value.
    .call(squareRotationComplete);

干杯

问题是,一旦旋转它,它已经旋转到您在后续单击中指定的角度

一个简单的解决方案是在单击时添加一个零持续时间
to()
调用来重置它

createjs.Tween.get(square)
    .to({rotation:0}) // This one has no duration, so it is immediate
    .to({rotation:360},3000)
    .call(squareRotationComplete);
另一个选项是始终基于初始二者之间旋转它

createjs.Tween.get(square)
    .to({rotation:square.rotation + 360},3000)
    .call(squareRotationComplete);
最后,您可以使用。首先安装它,然后在
to()
调用中使用“+360”

createjs.RelativePlugin.install(); // Run once
createjs.Tween.get(square)
    .to({rotation:"+360"},3000) // Note the value.
    .call(squareRotationComplete);

干杯

好了,各位,我已经找到了解决这个问题的办法。谁能告诉我现在该怎么办?我应该在这里发布解决方案,以什么形式发表评论,还是回答我自己的问题?谢谢建议发布一个答案。我可以发布一个简单的解决方案:)好的,各位,我已经找到了这个问题的解决方案。谁能告诉我现在该怎么办?我应该在这里发布解决方案,以什么形式发表评论,还是回答我自己的问题?谢谢建议发布一个答案。我可以发布一个简单的解决方案:)是的,就是这样!谢谢你的详细回答和关于RelativePlugin的信息。干杯:)是的,就是这样!谢谢你的详细回答和关于RelativePlugin的信息。干杯:)