我可以在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，並將它們絕對（隨機）放置在您的場景中。每個人都被定位，然後變成可見幾毫秒，然後變成不可見，然後沖洗並重復。

對於各種你可以讓不同大小和色調的圖像，所以一些看起來在後臺和一些在前臺，並改變這些。