Nachdem die Seite geöffnet wurde, wird eine Wellenanimation im Vollbild angezeigt. Mehrere Wellenquellen emittieren gleichzeitig kreisförmige Wellen. Wenn sich die Wellen treffen, treten Interferenzen auf - der Ort, an dem sich die Gipfel überlappen, ist heller, und der Ort, an dem sich die Gipfel und Tiefs treffen, ist versetzt und verdunkelt. Die Farbe ändert sich dynamisch basierend auf der Höhe der Welle.

Der gesamte Prozess ist reine Front-End - Animation. Basierend auf Canvas wird der Wellenhöhenüberlagerungswert jedes Punktes Pixel für Pixel berechnet, was viel Leistung verbraucht, aber der Effekt ist realistisch. Die Anzahl der Wellenquellen, Wellenlänge, Amplitude usw. können durch Parameter angepasst werden.

Geeignet für den Einsatz als Hintergrundanimationen für Meditation und Entspannung, Physik-Lehr - Demonstrationen oder einfach die Schönheit der Wellen zu schätzen. Das Umsetzungsprinzip ist die Überlagerung klassischer Wellengleichungen mit einem Code von ca. 300 Zeilen.

Wave Laboratory ist ein Echtzeit-Welleninterferenz - Animations-Spezialeffekt basierend auf Canvas, der die Überlagerung und Interferenzeffekte von Wellenphänomenen wie Wasserwellen und Schallwellen simuliert.