EA 2 - Interaktive Sinuswelle

Im Rahmen der zweiten Einsendeaufgabe sollte eine 2D-Geometrie aus Linien erzeugt und mittels WebGL dargestellt werden.

Für meine Abgabe habe ich mich für die Ausgabe einer dynamisch änderbaren Sinuswelle entschieden, welche fest über 90 berechnete Punkte ausgegeben wird. Mit den unten eingestellten Werten wird so eine vollständige Sinusschwingung ausgegeben. Die Sinuswelle wird hierbei alleine durch vertikale und horizontale Linien erzeugt, welche letzlich die Säulen der Sinuswelle wiedergeben.

Die Sinuswelle kann anhand von drei Parametern verändert werden. Mit Startwinkel wird der erste Winkel festgelegt, mit Amplitude erfolgt eine Skalierung des Funktionswertes. Die Auflösung ändert die Breite der verwendeten Balken und somit die Auflösung. Der Resetbutton stellt die anfänglichen Werte wieder her. Der gesamte Code kann auf GitHub eingesehen werden.

Aktueller Wert:
Aktueller Wert:
Aktueller Wert: