From b8a973f037aa40de5300afd820368aa2ed347515 Mon Sep 17 00:00:00 2001
From: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
Date: Mon, 17 Feb 2025 11:52:07 +0100
Subject: [PATCH] Fix background animation size on 4k screens and decrease base
 opacity

---
 public/scripts/ui-main.js              | 6 +++---
 public/scripts/worker/canvas-worker.js | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/scripts/ui-main.js b/public/scripts/ui-main.js
index 01ad2abe..95cb3ba1 100644
--- a/public/scripts/ui-main.js
+++ b/public/scripts/ui-main.js
@@ -346,10 +346,10 @@ class BackgroundCanvas {
     initAnimation() {
         this.baseColorNormal = '168 168 168';
         this.baseColorShareMode = '168 168 255';
-        this.baseOpacityNormal = 0.4;
+        this.baseOpacityNormal = 0.3;
         this.baseOpacityShareMode = 0.8;
         this.speed = 0.5;
-        this.fps = 40;
+        this.fps = 60;
 
         // if browser supports OffscreenCanvas
         //      -> put canvas drawing into serviceworker to unblock main thread
@@ -427,7 +427,7 @@ class BackgroundCanvas {
             c.height = h;
             x0 = w / 2;
             y0 = h - offset;
-            dw = Math.round(Math.min(Math.max(w, h), 800) / 10);
+            dw = Math.round(Math.min(Math.max(0.6 * w, h)) / 10);
 
             drawFrame(currentFrame);
         }
diff --git a/public/scripts/worker/canvas-worker.js b/public/scripts/worker/canvas-worker.js
index 26ec1f05..055c3284 100644
--- a/public/scripts/worker/canvas-worker.js
+++ b/public/scripts/worker/canvas-worker.js
@@ -62,7 +62,7 @@ function initCanvas(footerOffsetHeight, clientWidth, clientHeight) {
     c.height = h;
     x0 = w / 2;
     y0 = h - offset;
-    dw = Math.round(Math.min(Math.max(w, h), 800) / 10);
+    dw = Math.round(Math.min(Math.max(0.6 * w, h)) / 10);
 
     drawFrame(currentFrame);
 }