Update viewer.js

viewer.js

@@ -18,6 +18,24 @@
   };
 })();
 
+function hexToRgbaArray(hex) {
+  try {
+    hex = hex.replace("#", "");
+    if (hex.length === 6) hex += "FF";
+    if (hex.length !== 8) return [1, 1, 1, 1];
+    const num = parseInt(hex, 16);
+    return [
+      ((num >> 24) & 0xFF) / 255,
+      ((num >> 16) & 0xFF) / 255,
+      ((num >> 8)  & 0xFF) / 255,
+      (num & 0xFF) / 255
+    ];
+  } catch (e) {
+    alert("hexToRgbaArray error: " + e);
+    return [1, 1, 1, 1];
+  }
+}
+
 let pc;
 export let app = null;
 let cameraEntity = null;
@@ -33,6 +51,8 @@ let presentoirScaleX, presentoirScaleY, presentoirScaleZ;
 
 let sogsUrl, glbUrl, presentoirUrl;
 
+let color_bg_hex, color_bg;
+
 // --- Log user agent and page location ---
 console.log("%c[VIEWER DEBUG] User Agent:", "color: #0074D9;", navigator.userAgent);
 console.log("%c[VIEWER DEBUG] Page:", "color: #0074D9;", location.href);
@@ -75,6 +95,11 @@ export async function initializeViewer(config, instanceId) {
   const cameraYPhone = (config.cameraYPhone !== undefined) ? parseFloat(config.cameraYPhone) : cameraY;
   const cameraZPhone = (config.cameraZPhone !== undefined) ? parseFloat(config.cameraZPhone) : (cameraZ * 1.5);
 
+  color_bg_hex = (config.color_background !== undefined) ? config.color_background : "#A1D4D2";
+  color_bg = hexToRgbaArray(color_bg_hex);
+
+  console.log("color bg : ", color_bg);
+
   chosenCameraX = isMobile ? cameraXPhone : cameraX;
   chosenCameraY = isMobile ? cameraYPhone : cameraY;
   chosenCameraZ = isMobile ? cameraZPhone : cameraZ;