如何使用createjs和animate cc在画布上移动svg图形

Posted 2021-04-15

您好我是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结束。我不明白如何使它直线移动。我尝试更改数字，但最终无法正常工作。

任何帮助和建议将不胜感激。

答案

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

结束发现这一点，效果很好