Update js_scripts/index.js

js_scripts/index.js

@@ -61,7 +61,22 @@ const currentScriptTag = document.currentScript;
   let viewerInitialized = false;
   let wheelHandlers = [];
   let resizeHandler = null;
-  let progressChecker = null;
+  let progressDialog.style.display = 'none';
+        
+        // Mark viewer as initialized
+        viewerInitialized = true;
+        
+        console.log("PLY viewer initialization complete");
+      });
+      
+    } catch (error) {
+      console.error("Error initializing PlayCanvas viewer:", error);
+      progressDialog.innerHTML = `<p style="color: red">Error loading viewer: ${error.message}</p>`;
+      viewerInitialized = false;
+      app = null;
+    }
+  }
+})();Checker = null;
   
   // Generate a unique identifier for this widget instance.
   const instanceId = Math.random().toString(36).substr(2, 8);
@@ -109,6 +124,11 @@ const currentScriptTag = document.currentScript;
   const chosenCameraY = isMobile ? cameraYPhone : cameraY;
   const chosenCameraZ = isMobile ? cameraZPhone : cameraZ;
   
+  // Log device detection and camera coordinates for debugging
+  console.log(`Device detected: ${isMobile ? 'Mobile' : 'Desktop'}`);
+  console.log(`Camera coordinates: Desktop (${cameraX}, ${cameraY}, ${cameraZ}), Mobile (${cameraXPhone}, ${cameraYPhone}, ${cameraZPhone})`);
+  console.log(`Chosen camera coordinates: (${chosenCameraX}, ${chosenCameraY}, ${chosenCameraZ})`);
+  
   // Determine the aspect ratio.
   let aspectPercent = "100%";
   if (config.aspect) {
@@ -231,10 +251,8 @@ const currentScriptTag = document.currentScript;
       gifPreview.style.display = 'none';
       viewerContainer.style.display = 'block';
       
-      // Make sure we're not initializing again if already done
-      if (!viewerInitialized) {
-        initializeViewer();
-      }
+      // Always initialize the viewer when the GIF is clicked
+      initializeViewer();
     });
   }
   
@@ -287,7 +305,7 @@ const currentScriptTag = document.currentScript;
     cameraEntity = null;
     modelEntity = null;
     
-    // Mark the viewer as not initialized
+    // Mark the viewer as not initialized - this is crucial for proper reinitialization
     viewerInitialized = false;
     
     console.log("Viewer cleanup complete");
@@ -381,6 +399,8 @@ const currentScriptTag = document.currentScript;
         return;
       }
       
+      console.log(`Resetting camera to: (${chosenCameraX}, ${chosenCameraY}, ${chosenCameraZ}) for ${isMobile ? 'mobile' : 'desktop'}`);
+      
       // Store model position
       const modelPos = modelEntity.getPosition();
       
@@ -517,8 +537,8 @@ const currentScriptTag = document.currentScript;
   // --- Initialize the 3D PLY Viewer using PlayCanvas ---
   async function initializeViewer() {
     // Skip initialization if already initialized
-    if (viewerInitialized || app) {
-      console.log("Viewer already initialized or app exists, skipping initialization");
+    if (viewerInitialized && app) {
+      console.log("Viewer already initialized and app exists, skipping initialization");
       return;
     }
     
@@ -672,6 +692,9 @@ const currentScriptTag = document.currentScript;
         });
         
         // Set camera position directly using X, Y, Z coordinates from config
+        // Log the chosen camera position for debugging
+        console.log(`Setting camera position for ${isMobile ? 'mobile' : 'desktop'}: (${chosenCameraX}, ${chosenCameraY}, ${chosenCameraZ})`);
+        
         cameraEntity.setPosition(chosenCameraX, chosenCameraY, chosenCameraZ);
         cameraEntity.lookAt(modelEntity.getPosition());
         
@@ -727,6 +750,9 @@ const currentScriptTag = document.currentScript;
             cameraEntity.script.orbitCamera.pivotPoint.copy(modelPos);
             cameraEntity.script.orbitCamera.distance = distance;
             cameraEntity.script.orbitCamera._removeInertia();
+            
+            // Log camera setup for debugging
+            console.log(`Camera initialized with pivot: (${modelPos.x}, ${modelPos.y}, ${modelPos.z}), distance: ${distance}`);
           }
         }, 100);
         
@@ -739,19 +765,4 @@ const currentScriptTag = document.currentScript;
         setupWheelHandlers();
         
         // Hide progress dialog when everything is set up
-        progressDialog.style.display = 'none';
-        
-        // Mark viewer as initialized
-        viewerInitialized = true;
-        
-        console.log("PLY viewer initialization complete");
-      });
-      
-    } catch (error) {
-      console.error("Error initializing PlayCanvas viewer:", error);
-      progressDialog.innerHTML = `<p style="color: red">Error loading viewer: ${error.message}</p>`;
-      viewerInitialized = false;
-      app = null;
-    }
-  }
-})();
+        progress