javascript - 如何使用 createjs 和 animate cc 在 Canvas 上移动 svg 图形

Question

你好，我是 javascript 和 createjs 的新手。我正在尝试创建一个动画，其中有一个烟花升到天空并爆炸。我把我的烟花放在屏幕上，并将其变成了电影剪辑。我给它一个实例名称(red_firework)。现在我试图让它向上移动，所以我去图书馆找到了让它在一条路径上移动的代码。所以现在我的代码如下所示:

createjs.MotionGuidePlugin.install();
createjs.Tween.get(this.red_firework).to({guide:{ path:[0,0, 0,200,200,200, 200,0,0,0] }},7000);   
graphics.moveTo(0,0);

这使得我的烟花从 0,0 开始，移动一点，然后在 0,0 结束。我不明白如何让它沿直线移动。我尝试更改数字，但最终不起作用。

如有任何帮助和建议，我们将不胜感激。

Answer 1

createjs.Tween.get(this.red_firework, { loop: true })
  .to({ y: 100 }, 1000, createjs.Ease.getPowInOut(2));

最终找到了这个，效果很好