diff --git a/test/anime-points-animation.html b/test/anime-points-animation.html new file mode 100644 index 0000000..8e9b247 --- /dev/null +++ b/test/anime-points-animation.html @@ -0,0 +1,1060 @@ + + + + + + Welle Hintergrund (SVG) + + + +

Welleneffekt (SVG)

+
+ + + + + + + + + + + +
+ +
+
Wellenanimation einstellen
+ +
+
+
Zeitfaktor:
+ +
2.0
+
+ +
+
Amplitude:
+ +
2.5
+
+ +
+
Turbulenz:
+ +
0.5
+
+ +
+
Geschwindigkeit:
+ +
8.0
+
+ +
+
Zoom:
+ +
1.0
+
+
+ +
Farbverlauf
+ +
+
+
+
+ +
+
Start (0%):
+ +
+ +
+
Position (35%):
+ +
+ +
+
Position (70%):
+ +
+ +
+
Ende (100%):
+ +
+
+ +
Linieneinstellungen
+ +
+
+
Linienanzahl:
+ +
12
+
+ +
+
Linienabstand:
+ +
12
+
+ +
+
Linienspannung:
+ +
2.5
+
+ +
+
Hauptlinie Stärke:
+ +
1.0
+
+ +
+
Offset-Linien Stärke:
+ +
0.5
+
+
+ +
+ + +
100%
+
+ +
+ Zoomen mit dem Mausrad direkt unter dem Mauszeiger. + Halte die Maustaste gedrückt und ziehe, um den Inhalt zu verschieben, wenn du hineingezoomt hast. +
+
+ + + + + + + diff --git a/test/anime-points-drag.html b/test/anime-points-drag.html new file mode 100644 index 0000000..a6d9229 --- /dev/null +++ b/test/anime-points-drag.html @@ -0,0 +1,452 @@ + + + + + + Welle Hintergrund (SVG) + + + +

Welleneffekt (SVG)

+ + + + + + + + + + + + + + + + + diff --git a/test/anime-points-fine.html b/test/anime-points-fine.html new file mode 100644 index 0000000..6939e46 --- /dev/null +++ b/test/anime-points-fine.html @@ -0,0 +1,635 @@ + + + + + + Welle Hintergrund (SVG) + + + +

Welleneffekt (SVG)

+ + + + + + + + + + + + + + +
+
Wellenanimation einstellen
+ +
+
+
Zeitfaktor:
+ +
1.0
+
+ +
+
Amplitude:
+ +
1.0
+
+ +
+
Turbulenz:
+ +
0.5
+
+ +
+
Geschwindigkeit:
+ +
1.0
+
+
+ +
Linieneinstellungen
+ +
+
+
Linienanzahl:
+ +
12
+
+ +
+
Linienabstand:
+ +
12
+
+ +
+
Linienspannung:
+ +
1.5
+
+
+ + +
+ + + + + + + diff --git a/test/anime-points.html b/test/anime-points.html new file mode 100644 index 0000000..8e9b247 --- /dev/null +++ b/test/anime-points.html @@ -0,0 +1,1060 @@ + + + + + + Welle Hintergrund (SVG) + + + +

Welleneffekt (SVG)

+
+ + + + + + + + + + + +
+ +
+
Wellenanimation einstellen
+ +
+
+
Zeitfaktor:
+ +
2.0
+
+ +
+
Amplitude:
+ +
2.5
+
+ +
+
Turbulenz:
+ +
0.5
+
+ +
+
Geschwindigkeit:
+ +
8.0
+
+ +
+
Zoom:
+ +
1.0
+
+
+ +
Farbverlauf
+ +
+
+
+
+ +
+
Start (0%):
+ +
+ +
+
Position (35%):
+ +
+ +
+
Position (70%):
+ +
+ +
+
Ende (100%):
+ +
+
+ +
Linieneinstellungen
+ +
+
+
Linienanzahl:
+ +
12
+
+ +
+
Linienabstand:
+ +
12
+
+ +
+
Linienspannung:
+ +
2.5
+
+ +
+
Hauptlinie Stärke:
+ +
1.0
+
+ +
+
Offset-Linien Stärke:
+ +
0.5
+
+
+ +
+ + +
100%
+
+ +
+ Zoomen mit dem Mausrad direkt unter dem Mauszeiger. + Halte die Maustaste gedrückt und ziehe, um den Inhalt zu verschieben, wenn du hineingezoomt hast. +
+
+ + + + + + + diff --git a/test/anime-wave.html b/test/anime-wave.html new file mode 100644 index 0000000..2f51a9f --- /dev/null +++ b/test/anime-wave.html @@ -0,0 +1,151 @@ + + + + + + Animierte Welle + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ WAVE BACKGROUND +
+ + + + + + + \ No newline at end of file diff --git a/test/anime.html b/test/anime.html new file mode 100644 index 0000000..2686058 --- /dev/null +++ b/test/anime.html @@ -0,0 +1,91 @@ + + + + + + Anime.js Welle + + + +

Dynamische Welle mit Anime.js

+ +
+
+ + + + + diff --git a/test/index.html b/test/index.html new file mode 100644 index 0000000..7205a19 --- /dev/null +++ b/test/index.html @@ -0,0 +1,124 @@ + + + + + + Test-Übersicht + + + +
+

Test-Übersicht

+
+ +
+

Testseite. Hier werden verfügbaren Tests angezeigt.

+ + +
+ +
+
Animation!
+
+

Ein Test für Animationen mit Controller und Anime.js Bibliothek.

+ Animierte Welle anzeigen +
+
+ + +
+
Animation
+
+

Ein Test einer Background Welle mit Anime.js Bibliothek.

+ Welle anzeigen +
+
+ + +
+
Anime.js Punkte
+
+

Ein Test für bewegliche Punkte mit Anime.js Bibliothek.

+ bewegliche Punkte anzeigen +
+
+
+
+ +