如何在视觉上模拟闪电和雷声?

时间:2011-06-04 21:27:15

标签: jquery html5

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

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

提前谢谢! 杰里

3 个答案:

答案 0 :(得分:1)

我很确定它没有比Ivan Karev的这个Canvas Demo好多少 另一个Canvas Lighting demo.修正了一下它就差不多了

答案 1 :(得分:0)

对于闪电,我会使用闪电图片,然后jquery动画弹跳缓和。这应该以最小的努力提供相当好的闪烁效果。

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

有一些声音库可以覆盖大多数基础 - 我相信其他人会更全面地回答你。

答案 2 :(得分:0)