2012-11-14 58 views
-1

我瞄准的外观不是具有方向性矢量的动画gif,而是有趣地传播或创建额外的运动或视觉细节。如何在JS中实现动画粒子?

+2

你应该自己尝试一下,然后回来一个更具体的问题。 –

+0

这对此有何贡献?这是一个合法的问题,你可以给出一个合理的回应。 –

+0

@JohnHaugeland问题在于OP的问题非常模糊/开放式,并且没有在他/她自己的部分展示任何研究或努力。你的回答很好,我很高兴看到有人像你一样承担着回答问题的任务,但即使你只能以一般方式回答。正如它在stackoverflow FAQ中所说,最好的问题应该是“合理的范围”,而不是要求整本书的主题。 –

回答

4

所以有三件事。

1)如何显示颗粒

2)如何动画他们

3)如何使他们 “有趣”

对,所以。

1很简单。总是有十亿种方法。最简单的方法是,如果您愿意坚持使用现代浏览器,并且如果您对适度的高质量结果感到满意,您应该在垫脚石中创建一个PNG,然后创建一个<img src="that"> ,把它放在原点(比方说现在的中心),并将它向外移动。也许会淡入其中或其他。

2也许很容易。取决于很多选择。你能坚持只是一个现代的浏览器?如果你正在制作iPhone或Win8游戏,你确切知道你的目标是什么浏览器,答案是肯定的。如果是网络,答案是否定的。如果你知道这是一个现代浏览器,那么使用CSS3转换,而这项工作是微不足道的。如果你不这样做,请使用jQuery或Scriptaculous或其他东西,而这只是非常简单的。

3 ...呃,我的意思是,有趣的是一个很难界定的词。首先以波浪或螺旋方式发射它们。然后尝试随机。然后尝试半随机 - 你发射他们在明确的范围,所以你会随机看,但你得到很好的报道。看看子弹地狱游戏的灵感。

+0

有什么我可以做的事情对现有粒子进行滤镜效果,以在每个粒子周围创建扭曲效果? – user1824964

+0

是的。你可以在''中做,并自己处理,或者你可以用SVG中的渐变来令人信服地伪装它。你可以在WebGL中做到这一点,但是这会把你从IE中解放出来。有很多方法可以用透明的PNG来伪造它。等等。 但是不要超前于自己。从“作品”开始。过得很快。 –