我可以在javascript中创建雨效果吗？

Question

我需要为我的网站实现这样的目标：Flash Rain Effect

在Javascript中可以这样做吗？我希望它和Flash一样平滑。

Another flash rain drop water effect

Answer 1

是的，这是可能的：http://www.lab4games.net/zz85/blog/2010/03/10/rain-water-ripples-with-html-canvas-javascript-jquery/

光滑的东西相对的，你可能不能够有相同的性能，硬件加速的Flash。据说，越来越多的浏览器开始加入本地硬件加速（Direct2D和其他）。

Answer 2

您应该可以使用JavaScript和画布元素（HTML5）的组合来完成此操作。

Answer 3

如果你不想使用画布（或不能），你可以通过创建一个看起来像雨滴的图像来做到这一点，使它成为一个具有alpha透明度的PNG，因此，矩形不显示。然后，您通过编程创建200个左右的IMG，并将它们绝对（随机）放置在您的场景中。每个人都被定位，然后变成可见几毫秒，然后变成不可见，然后冲洗并重复。

对于各种你可以让不同大小和色调的图像，所以一些看起来在后台和一些在前台，并改变这些。