Как сделать анимацию водной ряби из сетки квадратов?

Question

Я ищу алгоритм для создания волнового эффекта на сетке квадратов, поэтому, имея сетку квадратов, как я могу сделать так, чтобы, когда пользователь нажимает на квадрат, это создает волну, похожую на анимацию окружающих квадратов? следующее изображение иллюстрирует желаемый эффект.

Answer 1

Вот рабочий пример в JavaScript.

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

Конечно, вы можете улучшить его, но ваши требования были немного расплывчаты.

Answer 2

Вы можете представить каждый квадрат сетки как узел в модели конечных элементов и предположить, что щелчок мыши эквивалентен импульсному отклику в узле, связанном с квадратом сетки, по которому щелкнули. Прочтите немного о Модальный анализ , Формы нормального режима и Методы анализа конечных элементов , чтобы узнать, как подойти к этому.