如何在JS中实现动画粒子？

Question

我瞄准的目标不是具有方向向量的动画gif，而是有趣地传播或创建额外的动作或视觉细节。

Answer 1

所以这有三件事。

1）如何显示粒子

2）我如何为它们设置动画

3）如何让它们变得“有趣”

是的，所以。

1非常简单。一如既往，有十亿种方法。最简单的，如果你愿意坚持使用现代浏览器，如果你对适度的质量结果感到满意 - 你应该在踩踏石头中 - 只需制作一个粒子的PNG，然后创建一个{ {1}}，把它放在原点（让我们说现在的中心），然后向外动画。也许淡入或等等。

2也许很容易。取决于很多选择。你能坚持使用现代浏览器吗？如果您正在制作iPhone或Win8游戏，那么您确切地知道您正在使用哪种浏览器，答案是肯定的。如果它是网络，答案是否定的。如果您知道它是一个现代浏览器，请使用CSS3过渡，并且工作是微不足道的。如果不这样做，请使用jQuery或Scriptaculous或其他东西，而这只是非常简单。

3 ...呃，我的意思是，有趣的是难以定义的单词。首先用波浪或螺旋形发射它们。然后尝试随机。然后尝试半随机 - 你在明确定义的范围内发射它们，这样你就可以看起来随机，但你获得了很好的覆盖率。看看子弹地狱游戏的灵感。