From d8e619e0c32fff416eede7744daedf2837d8f59d Mon Sep 17 00:00:00 2001 From: Richard Zink Date: Wed, 7 Oct 2026 16:47:53 +0200 Subject: [PATCH] Add lightweight 2D WebGL cloud renderer as alternative to Vanta --- background-final.html | 204 +++++++++++++++++++++++++++++++++++++++++- background.html | 20 ++++- build.py | 1 + config.js | 5 ++ vendor/clouds2d.js | 178 ++++++++++++++++++++++++++++++++++++ 5 files changed, 406 insertions(+), 2 deletions(-) create mode 100644 vendor/clouds2d.js diff --git a/background-final.html b/background-final.html index 3f49f59..61d2ca4 100644 --- a/background-final.html +++ b/background-final.html @@ -13,6 +13,10 @@ * below. To add a new theme, drop a new *.css file in the same * directory and add an entry to window.THEMES. * + * renderer - Background renderer: 'vanta' (default, GPU 3D volumetric + * clouds, heavy) or 'clouds2d' (lightweight 2D WebGL shader, + * very low GPU usage, similar visual style). + * * units - Measurement units for the weather widget. * 'metric' (°C, km/h) or 'imperial' (°F, mph) * @@ -79,6 +83,7 @@ window.CONFIG = { debug: 0, theme: 'ash', units: 'metric', + renderer: 'clouds2d', // 'vanta' or 'clouds2d' language: 'de', timeFormat: 'DD. MMMM, YYYY ‒ HH:mm:SS', location: { @@ -1081,10 +1086,193 @@ else window.SunCalc = SunCalc; + +