如何在视觉上模拟雷电和雷电？

有没有人知道一个干净的方式来模拟闪电和雷霆主要在jQuery/HTML5而不使用视频..只有代码和图像。这是一种图像转换。如何在视觉上模拟雷电和雷电？

如果不是，我可能只需要用一些快速的闪烁效果和声音欺骗眼睛。我没有问题。只是想知道是否有人知道一个很好的教程或例子。

提前致谢！杰里

而是然后使用快速抖动的影响只是在闪烁的闪电一些图像。 – Raynos 2011-06-04 21:31:27

对于闪电，我会使用闪电的图片，然后jquery动画与反弹缓解。这应该以最小的努力给出相当不错的闪烁效果。

至于雷霆 - 声音不能保证适用于所有浏览器，即使支持的人通常会关闭声音。更重要的是可能会听自己的音乐，或者录制他们自己的声音等......所以往往不喜欢网站干扰他们的声音选择。

有一些声音库覆盖了大多数的基地 - 我相信别人会为你更全面地回答。

2011-06-04 21:34:46

感谢....这就是我在想...至于声音这是客户的要求，虽然我同意你的意见，我的手是有约束力的。 – 2011-06-04 21:45:58

我敢肯定它不会被伊万卡列夫另一个Canvas Lighting demo.修复比这画布演示好得多了一阵，这将是几乎一样好

2012-06-05 13:57:06

这里是一个jQuery插件生成各种雷电影响：

2015-11-01 20:02:53

回答