После открытия страницы будет отображаться полноэкранная анимация волн.Несколько источников волн одновременно излучают круговые волны.Когда волны встречаются, возникает интерференция - место, где пики перекрываются, ярче, а место, где пики и нишки встречаются, смещается и затемняется.Цвет динамически меняется в зависимости от высоты волны.

Весь процесс - это чистая фронт-энд анимация.На основе Canvas, значение суперпозиции высоты волны каждой точки рассчитывается пикселем за пикселем, что потребляет много производительности, но эффект реалистичен.Количество источников волны, длина волны, амплитуда и т. д. можно регулировать с помощью параметров.

Подходит для использования в качестве фоновой анимации для медитации и расслабления, демонстраций преподавания физики или простой оценки красоты волн.Принцип реализации - суперпозиция классических волновых уравнений, с кодом около 300 строк.

Wave Laboratory - это анимация спецэффектов волнных интерференций в режиме реального времени на основе Canvas, которая имитирует суперпозицию и интерференционные эффекты волнных явлений, таких как водяные волны и звуковые волны.