Replace with Vanta clouds animation

This commit is contained in:
Richard Zink committed 2026-10-07 06:48:50 +02:00
1 parent edb5e333ab
commit 51352af2ea
4 files changed
+56

No files matched your search

+34
View File
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vanta Clouds</title>
<style>
body { margin: 0; overflow: hidden; }
</style>
</head>
<body>
<div id="vanta"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.clouds.min.js"></script>
<script>
VANTA.CLOUDS({
el: "#vanta",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 4,
speed: 0.1,
backgroundColor: 0x0,
backgroundAlpha: 1,
skyColor: 0x5cb800,
cloudColor: 0x335b00,
lightColor: 0xffffff
});
</script>
</body>
</html>