我能在 JavaScript 中创建雨滴效果吗？

Question

我能在 JavaScript 中创建雨滴效果吗？

javascriptflashhtmleffects

3

我需要在我的网站上实现这样的效果：Flash雨效果。请问用Javascript能否实现？我希望它和Flash一样流畅。

另外还有一个Flash雨滴水效果。

- Sahat Yalkabov

3个回答

1

你应该能够使用JavaScript和画布元素（HTML5）的组合来完成这个任务。

- Abe Voelker

我正在使用Visual Web Developer 2010（ASP.NET）构建我的网站，我是否仍然能够在ASP.NET中实现HTML5 Canvas？ - Sahat Yalkabov

1

@Sahat：Canvas 完全由客户端 JavaScript 和 HTML 构成，因此它可以与任何服务器平台配合使用。 - Matthew Crumley

1

如果您不想使用Canvas（或无法使用），可以通过创建一个看起来像雨滴的图像来实现，将其制作为带有alpha透明度的PNG，以便矩形的非滴部分不会显示出来。然后，您可以通过编程方式创建200个左右的IMG，并将它们绝对定位（和随机）在场景上。每个都被定位，然后在几毫秒内变得可见，然后变得不可见，然后重复此过程。

为了增加多样性，您可以制作不同大小和阴影的图像，使一些看起来在背景中，一些看起来在前景中，并且可以进行变化。

- Robusto

你可以尝试对图片进行适当的缩放以增加多样性。不妨试试看哪种效果更好！ - alex

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- David Titarenco · Accepted Answer

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

平滑度是相对的，您可能无法像硬件加速的Flash一样获得相同的性能。话虽如此，越来越多的浏览器开始整合本地硬件加速（Direct2D和其他方式）。