如何使用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));

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