Javascript 循环路径中的位图旋转CreateJS Tweenjs

我试图在圆形路径中旋转一只鸟，但问题是to方法不能提供太多的控制来完成精确的操作，我正在尝试随着旋转向上或向下移动鸟头

这是我的小提琴

我想把它旋转一圈，任何帮助都将不胜感激

---

谢谢，在您的示例中，旋转似乎工作正常，但您正在围绕菱形（路径笔直）对鸟进行修剪，因此看起来很奇怪

要获得想要的效果，一个简单的方法是使用

regX

和

regY

偏移鸟的中心点，然后旋转它。如果你想象这只鸟是从一张纸上剪下来的，这就像是从它的中心向下连接一根棍子，然后用棍子旋转它。请参见此处的示例：

另一个选项是查看TweenJS的

MotionGuidePlugin

。使用它更复杂，但提供了很多控制，包括使目标沿路径旋转的能力

 var tween = createjs.Tween.get(shape, {loop: true})
    .to({x: 100 , y: 100, rotation: 0}, 0)
    .to({x: 200 , y: 200, rotation: 90}, 2000)
    .to({x: 100 , y: 300, rotation: 180}, 2000)
    .to({x: 0 , y: 200, rotation: 270}, 2000)
    .to({x: 100 , y: 100, rotation: 360}, 2000)