From 4214d6cfe0188c6e644702c002c01652ef02b72b Mon Sep 17 00:00:00 2001
From: Richard Zink <Richard Zink>
Date: Wed, 7 Oct 2026 07:29:14 +0200
Subject: [PATCH] Switch back to clouds effect with full sun/cloud parameters

---
 index.html | 45 ++++++++++++++++++++++++++-------------------
 1 file changed, 26 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index 3aab12f..fddac5f 100644
--- a/index.html
+++ b/index.html
@@ -56,9 +56,9 @@
     <div id="sun"></div>
     <div id="clock">00:00</div>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds2.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@0.5.21/dist/vanta.clouds.min.js"></script>
     <script>
-        var effect = (VANTA.CLOUDS2 || VANTA.CLOUDS)({
+        var effect = VANTA.CLOUDS({
             el: "#vanta",
             mouseControls: false,
             touchControls: false,
@@ -96,19 +96,19 @@
         var CYCLE = 20000;
 
         var palette = [
-            { t: 0.00, sky: 0x0a0a14, cloud: 0x2a2822, light: 0x999187, bg: 0x0a0a14, moon: 1, sun: 0 },
-            { t: 0.08, sky: 0x141428, cloud: 0x2a2822, light: 0x999187, bg: 0x1a1428, moon: 1, sun: 0 },
-            { t: 0.18, sky: 0x3a2a28, cloud: 0x4a2e1c, light: 0xa85f1d, bg: 0x4a2820, moon: 0.3, sun: 0.3 },
-            { t: 0.28, sky: 0x6a4030, cloud: 0x5a3a28, light: 0xd6824a, bg: 0x7a4530, moon: 0, sun: 0.8 },
-            { t: 0.42, sky: 0x4a5060, cloud: 0x6d6a63, light: 0xe0d4be, bg: 0x506080, moon: 0, sun: 1 },
-            { t: 0.62, sky: 0x3a4458, cloud: 0x6d6a63, light: 0xe6dfd1, bg: 0x445878, moon: 0, sun: 1 },
-            { t: 0.66, sky: 0x4a4a55, cloud: 0x6d5a52, light: 0xe6c89a, bg: 0x5a554e, moon: 0, sun: 0.95 },
-            { t: 0.69, sky: 0x6a5040, cloud: 0x6d4a3a, light: 0xe6a872, bg: 0x7a5540, moon: 0, sun: 0.85 },
-            { t: 0.72, sky: 0x7a4530, cloud: 0x6d3a28, light: 0xe0914f, bg: 0x7a3825, moon: 0, sun: 0.7 },
-            { t: 0.78, sky: 0x5a3030, cloud: 0x4a2e22, light: 0xa86030, bg: 0x5a2820, moon: 0, sun: 0.4 },
-            { t: 0.85, sky: 0x3a2030, cloud: 0x3a2a2a, light: 0x6a4030, bg: 0x4a2030, moon: 0.3, sun: 0.1 },
-            { t: 0.92, sky: 0x1a1428, cloud: 0x2a2822, light: 0x999187, bg: 0x1a1428, moon: 0.9, sun: 0 },
-            { t: 1.00, sky: 0x0a0a14, cloud: 0x2a2822, light: 0x999187, bg: 0x0a0a14, moon: 1, sun: 0 }
+            { t: 0.00, sky: 0x0a0a14, cloud: 0x2a2822, light: 0x999187, bg: 0x0a0a14, cloudShadow: 0x100f12, sun: 0x999187, sunGlare: 0x6d6a63, sunLight: 0x999187, moon: 1, sunVis: 0 },
+            { t: 0.08, sky: 0x141428, cloud: 0x2a2822, light: 0x999187, bg: 0x1a1428, cloudShadow: 0x141316, sun: 0x999187, sunGlare: 0x6d6a63, sunLight: 0x999187, moon: 1, sunVis: 0 },
+            { t: 0.18, sky: 0x3a2a28, cloud: 0x4a2e1c, light: 0xa85f1d, bg: 0x4a2820, cloudShadow: 0x1f1814, sun: 0xc56a2b, sunGlare: 0xa85f1d, sunLight: 0xc56a2b, moon: 0.3, sunVis: 0.3 },
+            { t: 0.28, sky: 0x6a4030, cloud: 0x5a3a28, light: 0xd6824a, bg: 0x7a4530, cloudShadow: 0x2a1f17, sun: 0xe0914f, sunGlare: 0xd6824a, sunLight: 0xe0914f, moon: 0, sunVis: 0.8 },
+            { t: 0.42, sky: 0x4a5060, cloud: 0x6d6a63, light: 0xe0d4be, bg: 0x506080, cloudShadow: 0x3a4458, sun: 0xf3ede1, sunGlare: 0xe6dfd1, sunLight: 0xf3ede1, moon: 0, sunVis: 1 },
+            { t: 0.62, sky: 0x3a4458, cloud: 0x6d6a63, light: 0xe6dfd1, bg: 0x445878, cloudShadow: 0x2a3450, sun: 0xf3ede1, sunGlare: 0xe6dfd1, sunLight: 0xf3ede1, moon: 0, sunVis: 1 },
+            { t: 0.66, sky: 0x4a4a55, cloud: 0x6d5a52, light: 0xe6c89a, bg: 0x5a554e, cloudShadow: 0x3a3428, sun: 0xe6c89a, sunGlare: 0xd6b46a, sunLight: 0xe6c89a, moon: 0, sunVis: 0.95 },
+            { t: 0.69, sky: 0x6a5040, cloud: 0x6d4a3a, light: 0xe6a872, bg: 0x7a5540, cloudShadow: 0x4a3025, sun: 0xe6a872, sunGlare: 0xd6824a, sunLight: 0xe6a872, moon: 0, sunVis: 0.85 },
+            { t: 0.72, sky: 0x7a4530, cloud: 0x6d3a28, light: 0xe0914f, bg: 0x7a3825, cloudShadow: 0x4a2818, sun: 0xe0914f, sunGlare: 0xa86030, sunLight: 0xe0914f, moon: 0, sunVis: 0.7 },
+            { t: 0.78, sky: 0x5a3030, cloud: 0x4a2e22, light: 0xa86030, bg: 0x5a2820, cloudShadow: 0x2a1818, sun: 0xa86030, sunGlare: 0x6b4423, sunLight: 0xa86030, moon: 0, sunVis: 0.4 },
+            { t: 0.85, sky: 0x3a2030, cloud: 0x3a2a2a, light: 0x6a4030, bg: 0x4a2030, cloudShadow: 0x1f1814, sun: 0x6a4030, sunGlare: 0x54514f, sunLight: 0x6a4030, moon: 0.3, sunVis: 0.1 },
+            { t: 0.92, sky: 0x1a1428, cloud: 0x2a2822, light: 0x999187, bg: 0x1a1428, cloudShadow: 0x141316, sun: 0x999187, sunGlare: 0x6d6a63, sunLight: 0x999187, moon: 0.9, sunVis: 0 },
+            { t: 1.00, sky: 0x0a0a14, cloud: 0x2a2822, light: 0x999187, bg: 0x0a0a14, cloudShadow: 0x100f12, sun: 0x999187, sunGlare: 0x6d6a63, sunLight: 0x999187, moon: 1, sunVis: 0 }
         ];
 
         function getColor(t) {
@@ -123,12 +123,16 @@
                         cloud: lerpColor(palette[i].cloud, palette[i + 1].cloud, s),
                         light: lerpColor(palette[i].light, palette[i + 1].light, s),
                         bg: lerpColor(palette[i].bg, palette[i + 1].bg, s),
+                        cloudShadow: lerpColor(palette[i].cloudShadow, palette[i + 1].cloudShadow, s),
+                        sun: lerpColor(palette[i].sun, palette[i + 1].sun, s),
+                        sunGlare: lerpColor(palette[i].sunGlare, palette[i + 1].sunGlare, s),
+                        sunLight: lerpColor(palette[i].sunLight, palette[i + 1].sunLight, s),
                         moon: palette[i].moon + (palette[i + 1].moon - palette[i].moon) * s,
-                        sun: palette[i].sun + (palette[i + 1].sun - palette[i].sun) * s
+                        sunVis: palette[i].sunVis + (palette[i + 1].sunVis - palette[i].sunVis) * s
                     };
                 }
             }
-            return { sky: palette[0].sky, cloud: palette[0].cloud, light: palette[0].light, bg: palette[0].bg, moon: 1, sun: 0 };
+            return { sky: palette[0].sky, cloud: palette[0].cloud, light: palette[0].light, bg: palette[0].bg, cloudShadow: palette[0].cloudShadow, sun: palette[0].sun, sunGlare: palette[0].sunGlare, sunLight: palette[0].sunLight, moon: 1, sunVis: 0 };
         }
 
         var startTime = Date.now();
@@ -150,12 +154,15 @@
             effect.setOptions({
                 skyColor: c.sky,
                 cloudColor: c.cloud,
-                lightColor: c.light,
+                cloudShadowColor: c.cloudShadow,
+                sunColor: c.sun,
+                sunGlareColor: c.sunGlare,
+                sunlightColor: c.sunLight,
                 backgroundColor: c.bg
             });
             document.body.style.backgroundColor = '#' + ('00000' + c.bg.toString(16)).slice(-6);
             moonEl.style.opacity = c.moon;
-            sunEl.style.opacity = c.sun;
+            sunEl.style.opacity = c.sunVis;
             clockEl.textContent = formatTime(t * 1440);
             requestAnimationFrame(animate);
         }