ページを開くと、波の全画面アニメーションが表示されます。複数の波源が同時に円形波を放出します。波が合流すると、干渉が発生します。ピークが重なり合う箇所は明るくなり、ピークと谷が合流する箇所はオフセットして暗くなります。波の高さに基づいて色が動的に変化します。

プロセス全体が純粋なフロントエンドアニメーションです。Canvas に基づいて、各点の波高重ね合わせ値をピクセルごとに計算します。波源数、波長、振幅などをパラメータで調整することができます。

瞑想やリラクゼーションの背景アニメーション、物理学のデモンストレーション、波の美しさを鑑賞するなどに最適です。実装原理は、古典的な波動方程式の重ね合わせであり、約 300 行のコードがあります。

Wave Laboratory は、水波や音波などの波現象の重ね合わせや干渉効果をシミュレートする Canvas ベースのリアルタイム波干渉アニメーション特殊効果です。