From 9c48a17152a3fc31f9d36d61e69aff996fbfc238 Mon Sep 17 00:00:00 2001 From: Kevin Adametz Date: Thu, 10 Apr 2025 17:26:38 +0200 Subject: [PATCH] =?UTF-8?q?Test=20files=20f=C3=BCr=20LifeWave=20mit=20anim?= =?UTF-8?q?e.js?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- test/anime-points-animation.html | 1060 ++++++++++++++++++++++++++++++ test/anime-points-drag.html | 452 +++++++++++++ test/anime-points-fine.html | 635 ++++++++++++++++++ test/anime-points.html | 1060 ++++++++++++++++++++++++++++++ test/anime-wave.html | 151 +++++ test/anime.html | 91 +++ test/index.html | 124 ++++ 7 files changed, 3573 insertions(+) create mode 100644 test/anime-points-animation.html create mode 100644 test/anime-points-drag.html create mode 100644 test/anime-points-fine.html create mode 100644 test/anime-points.html create mode 100644 test/anime-wave.html create mode 100644 test/anime.html create mode 100644 test/index.html 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 +
+
+
+
+ +