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

Question

我正在寻找一种算法来在正方形网格上产生涟漪效果，所以有一个正方形网格我怎么能做到这一点，当用户点击一个正方形时，这会产生一个波浪状的周围正方形的动画？下图说明了所需的效果。

Answer 1

您可以将每个方格表示为有限元模型中的一个节点，并假设鼠标单击等效于与单击的方格相关的节点处的脉冲响应。阅读有关模态分析、正态模态形状和有限元分析方法的一些信息，了解如何解决此问题。

Answer 2

这是 JavaScript 中的一个工作示例。

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

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