Update index_3.js

index_3.js

@@ -40,6 +40,7 @@
   // Read configuration values from the JSON file.
   const gifUrl = config.gif_url;
   const plyUrl = config.ply_url;
+  const canvasBg = config.canvas_background || "#FEFEFD";
   const minZoom = parseFloat(config.minZoom || "0");
   const maxZoom = parseFloat(config.maxZoom || "20");
   const minAngle = parseFloat(config.minAngle || "0");
@@ -302,6 +303,9 @@
     const renderer = new SPLAT.WebGLRenderer(canvas);
     const scene = new SPLAT.Scene();
 
+    // Set the canvas background from JSON.
+    canvas.style.background = canvasBg;
+
     // Construct the camera (no custom position since it's no longer in the JSON).
     const camera = new SPLAT.Camera();
     
@@ -324,7 +328,6 @@
     initialCameraPosition = camera.position.clone();
     initialCameraRotation = camera.rotation.clone();
   
-    // The canvas background is now controlled by CSS.
     controlsInstance.maxZoom = maxZoom;
     controlsInstance.minZoom = minZoom;
     controlsInstance.minAngle = minAngle;