如何可视化地模拟闪电和雷电？

Question

有没有人知道一种干净的方法，主要是用jQuery/HTML5来模拟闪电和雷电，而不使用视频。只有代码和图像。这是一种图像转换。

如果没有，我可能不得不简单地用一些快速闪烁的效果和声音欺骗眼睛。我做这件事没问题。我只是想知道是否有人知道一个好的教程或例子。

提前感谢！曾傑瑞

Answer 1

对于闪电，我会使用闪电的图片，然后使用带有弹跳缓动的jquery动画。这应该会以最小的努力产生一个相当好的闪烁效果。

至于雷声，并不能保证在所有浏览器上都能工作，即使受支持的人通常都关闭了声音。更重要的是可以听自己的音乐，或者录制自己的声音等等。因此，通常不喜欢网站干扰他们的声音选择。

有一些声音库覆盖了大多数基础-我相信其他人会为你回答得更完整。

Answer 2

我很确定没有比Ivan Karev的另一个Canvas Lighting demo.的画布演示更好的了，稍微修改一下，它就会一样好

Answer 3

这是一个可以生成各种闪电效果的jQuery插件：

http://js.binpress.com/product/jquery-lightning/3357

example image of lightnings created with plugin