动画在HTML5画布上的两个对象之间的路径

时间:2013-01-31 20:29:59

标签: html5 canvas impactjs

我们正在开发一个带有impactjs的游戏,允许在点击时“链接”实体。基本上这只是在两点之间画一条线,带有霓虹灯发光效果。到现在为止还挺好。现在,我们要求将“链”连接设置为动画 - 火,闪光等。基本上看起来他们需要实际图形动画才能看起来正确。由于实体可以是彼此之间的任何距离/角度,因此我们坚持如何最好地实现此解决方案 - 即,如何绘制对角线图像,例如,在我们可以设置动画的两个随机点之间。我们非常感谢任何关于如何解决此问题的建议。

2 个答案:

答案 0 :(得分:1)

可能使用包含必要动画/粒子效果的动画片创建粒子实体。然后沿着从A点到B点的线绘制这些粒子。

当您想要将其设置为火焰/火花等动画时,请为所有这些实体运行动画。那条线。

答案 1 :(得分:0)

我倾向于同意Prat。粒子效应很可能就是你所需要的。 这是一个关于在impact.js中生成粒子效果的教程,可能会帮助你。

http://www.pointofimpactjs.com/snippets/view/24/particle-effects-generation