From 8917049b001a4164fff2b6745016230945b0d178 Mon Sep 17 00:00:00 2001
From: vicrodh <103399283+vicrodh@users.noreply.github.com>
Date: Sun, 1 Feb 2026 11:34:36 -0600
Subject: [PATCH] fix(immersive): increase crop sample size for more relevant
 colors

Zoom factor changed from 1.5-3x to 1.1-1.6x
Now samples 62-90% of image instead of 33-66%
---
 src/lib/components/immersive/ImmersiveBackground.svelte | 4 ++--
 src/lib/immersive/utils/texture-loader.ts               | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/immersive/ImmersiveBackground.svelte b/src/lib/components/immersive/ImmersiveBackground.svelte
index d09671ecf..1ed220234 100644
--- a/src/lib/components/immersive/ImmersiveBackground.svelte
+++ b/src/lib/components/immersive/ImmersiveBackground.svelte
@@ -99,8 +99,8 @@
       const cropCtx = cropCanvas.getContext('2d');
       if (!cropCtx) { isLoading = false; return; }
 
-      // Zoom factor: 1.5x to 3x
-      const zoomFactor = 1.5 + rand() * 1.5;
+      // Zoom factor: 1.1x to 1.6x (takes 62%-90% of image for more relevant colors)
+      const zoomFactor = 1.1 + rand() * 0.5;
       const sourceSize = Math.min(img.width, img.height) / zoomFactor;
       const maxOffset = Math.min(img.width, img.height) - sourceSize;
 
diff --git a/src/lib/immersive/utils/texture-loader.ts b/src/lib/immersive/utils/texture-loader.ts
index 2f5e48cf1..a2312bdf6 100644
--- a/src/lib/immersive/utils/texture-loader.ts
+++ b/src/lib/immersive/utils/texture-loader.ts
@@ -60,8 +60,8 @@ function extractRandomCrop(
 
   const rand = seededRandom(seed);
 
-  // Zoom factor: 1.5x to 3x (we take 33%-66% of the image)
-  const zoomFactor = 1.5 + rand() * 1.5;
+  // Zoom factor: 1.1x to 1.6x (we take 62%-90% of the image for more relevant colors)
+  const zoomFactor = 1.1 + rand() * 0.5;
 
   // Source region size (what portion of original image to take)
   const sourceSize = Math.min(img.width, img.height) / zoomFactor;