如何使用createjs和animate cc在画布上移动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));

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