正方形のグリッドから水リップルアニメーションを作成するには？

Question

私は四角形の格子に波紋効果を出すアルゴリズムを探していますので、四角形の格子を持っています。ユーザーが四角形をクリックすると、周囲の四角形のアニメーションのような波が生成されます。次の図は、望ましい効果を示しています。

Answer 1

JavaScriptの実例があります。

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

もちろんそれをさらに向上させることができますが、あなたの要件が少し曖昧でした。

Answer 2

あなたは、有限要素モデル内のノードとして各グリッドの正方形を表し、マウスがクリックされたグリッドの正方形に関連したノードにおけるインパルス応答に相当すると仮定クリックできます。これにアプローチする方法については、Modal Analysis、Normal Mode shapes、Finite Element Analysis Methodsを少しお読みください。