Update index.js

index.js

@@ -17,14 +17,25 @@
     return params.get(param);
   }
 
-  // Read required URLs and optional limits from the query parameters.
+  // Read required URLs.
   var gifUrl = getScriptQueryParam("gif_url");
   var plyUrl = getScriptQueryParam("ply_url");
-  // Optional parameters for zoom and angle limits:
-  var minZoom = parseFloat(getScriptQueryParam("minZoom")) || 1.5;
-  var maxZoom = parseFloat(getScriptQueryParam("maxZoom")) || 5;
-  var minAngle = parseFloat(getScriptQueryParam("minAngle")) || 0;
-  var maxAngle = parseFloat(getScriptQueryParam("maxAngle")) || 90;
+
+  // Optional parameters for zoom and rotation limits.
+  // Defaults: zoom from 0 to 20; rotation from 0 to 360.
+  var minZoom = parseFloat(getScriptQueryParam("minZoom") || "0");
+  var maxZoom = parseFloat(getScriptQueryParam("maxZoom") || "20");
+  var minAngle = parseFloat(getScriptQueryParam("minAngle") || "0");
+  var maxAngle = parseFloat(getScriptQueryParam("maxAngle") || "360");
+
+  // Optional parameters for translation limits.
+  // Defaults: no restriction.
+  var minX = parseFloat(getScriptQueryParam("minX") || "-Infinity");
+  var maxX = parseFloat(getScriptQueryParam("maxX") || "Infinity");
+  var minY = parseFloat(getScriptQueryParam("minY") || "-Infinity");
+  var maxY = parseFloat(getScriptQueryParam("maxY") || "Infinity");
+  var minZ = parseFloat(getScriptQueryParam("minZ") || "-Infinity");
+  var maxZ = parseFloat(getScriptQueryParam("maxZ") || "Infinity");
 
   // Detect if the device is iOS.
   var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
@@ -267,7 +278,7 @@
   resetCameraBtn.addEventListener('click', function() {
     console.log("Reset camera button clicked.");
     if (cameraInstance && initialCameraPosition && initialCameraRotation) {
-      // Replace camera's position and rotation with clones of the stored initial state.
+      // Use clone() to reset the camera's position and rotation.
       cameraInstance.position = initialCameraPosition.clone();
       cameraInstance.rotation = initialCameraRotation.clone();
       if (typeof cameraInstance.update === 'function') {
@@ -330,6 +341,10 @@
 
     const frame = () => {
       controls.update();
+      // Clamp camera position to the allowed translation limits.
+      camera.position.x = Math.min(Math.max(camera.position.x, minX), maxX);
+      camera.position.y = Math.min(Math.max(camera.position.y, minY), maxY);
+      camera.position.z = Math.min(Math.max(camera.position.z, minZ), maxZ);
       renderer.render(scene, camera);
       requestAnimationFrame(frame);
     };