Update index_2.js

index_2.js

@@ -291,7 +291,12 @@
         document.exitFullscreen();
       }
     }
-    widgetContainer.classList.remove('fake-fullscreen');
+    if (widgetContainer.classList.contains('fake-fullscreen')) {
+      widgetContainer.classList.remove('fake-fullscreen');
+      fullscreenToggle.textContent = '⇱';
+      // For fake-fullscreen, reset camera immediately.
+      resetCamera();
+    }
     viewerContainer.style.display = 'none';
     gifPreview.style.display = 'block';
   });
@@ -302,6 +307,8 @@
         widgetContainer.classList.add('fake-fullscreen');
       } else {
         widgetContainer.classList.remove('fake-fullscreen');
+        // Reset camera when exiting fake-fullscreen.
+        resetCamera();
       }
       fullscreenToggle.textContent = widgetContainer.classList.contains('fake-fullscreen') ? '⇲' : '⇱';
     } else {
@@ -323,11 +330,13 @@
     }
   });
   
+  // Listen for native fullscreen changes. When exiting fullscreen, reset camera.
   document.addEventListener('fullscreenchange', function() {
     if (document.fullscreenElement === widgetContainer) {
       fullscreenToggle.textContent = '⇲';
     } else {
       fullscreenToggle.textContent = '⇱';
+      resetCamera();
     }
   });
   
@@ -336,9 +345,9 @@
     menuContent.style.display = (menuContent.style.display === 'block') ? 'none' : 'block';
   });
   
-  // Modified reset button: re-creates the OrbitControls with the original parameters.
-  resetCameraBtn.addEventListener('click', async function() {
-    console.log("Reset camera button clicked.");
+  // --- Camera Reset Function ---
+  function resetCamera() {
+    console.log("Resetting camera to initial position.");
     if (cameraInstance && initialCameraPosition && initialCameraRotation) {
       // Reset camera position and rotation.
       cameraInstance.position = initialCameraPosition.clone();
@@ -372,6 +381,33 @@
       controlsInstance.panSpeed = isMobile ? 0.5 : 1.2;
       controlsInstance.update();
     }
+  }
+  
+  // Modified reset button now calls the resetCamera function.
+  resetCameraBtn.addEventListener('click', async function() {
+    console.log("Reset camera button clicked.");
+    resetCamera();
+  });
+  
+  // --- Add keydown listener to exit fullscreen with Esc (or Echap) ---
+  document.addEventListener('keydown', function(e) {
+    if (e.key === 'Escape' || e.key === 'Esc') {
+      let wasFullscreen = false;
+      if (document.fullscreenElement === widgetContainer) {
+        wasFullscreen = true;
+        if (document.exitFullscreen) {
+          document.exitFullscreen();
+        }
+      }
+      if (widgetContainer.classList.contains('fake-fullscreen')) {
+        wasFullscreen = true;
+        widgetContainer.classList.remove('fake-fullscreen');
+        fullscreenToggle.textContent = '⇱';
+      }
+      if (wasFullscreen) {
+        resetCamera();
+      }
+    }
   });
   
   // --- Initialize the 3D PLY Viewer ---