我可以在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和canvas元素（HTML5）的组合来完成此操作。

Answer 3

如果您不想使用Canvas（或不能），您可以通过创建看起来像雨滴的图像来做到这一点，使其成为具有Alpha透明度的PNG，以便矩形的非下降部分不要出现。然后以编程方式创建200个左右的IMG并将它们绝对（和随机）放置在场景上。每一个都定位，然后变为可见几毫秒，然后变为不可见，然后冲洗并重复。

对于多样性，你可以制作不同大小和阴影的图像，使一些看起来在背景中，一些看起来在前景中，并且可以改变它们。