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

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

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

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