如何从正方形网格制作水波纹动画？

Question

我正在寻找一种算法来对正方形网格产生涟漪效果，这样我就可以制作一个正方形网格，这样当用户点击一个正方形时，会产生一个类似于周围方块动画的波形？下图说明了所需的效果。

Answer 1

您可以将每个网格方块表示为有限元模型中的节点，并假设鼠标单击等效于与单击的网格方块关联的节点处的脉冲响应。请阅读Modal Analysis，Normal Mode shapes和Finite Element Analysis Methods上的一些内容，了解如何解决此问题。

Answer 2

以下是JavaScript中的一个工作示例。

http://jsfiddle.net/nsN57/17/

你当然可以进一步加强它，但你的要求有点模糊。